-
GermanGluhweinAsked on January 15, 2019 at 8:53 AM
I've increased the size of the product pictures with this CSS code:
.form-product-image-with-options {
height : 80px;
width : 80px;
}The moment the size is bigger then 50 px, the product pictures are shown above the text. screenshot https://i.imgur.com/Zf78NdA.jpg
Without code or with image size smaller than 50 px, the pictures are left from the text. screenshot https://i.imgur.com/SzOUhnA.jpg
50 px are a ridiculous size nowadays.
How can I get the pictures left from the text with bigger images?
TNX
-
Ashwin JotForm SupportReplied on January 15, 2019 at 10:49 AM
Please inject the following custom css code in your form and that should solve your problem:
img.form-product-image-with-options {
width: 80px !important;
}
.form-product-item > img + .form-product-item-detail {
width: 84% !important;
}
The following guide should help you how to inject custom css code in your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
Hope this helps.
Do get back to us if you have any questions.