Need help for page optimization

all article products are cut-off ( photo product image cut-off ) image will show example.

i tried to make them bigger but every time I try it reduces the number of product per line

need to stay as it is  ( 6 product per line ) just need every product cases to be a little bit bigger so it can show every detail 

 Try adding the following code to your custom CSS:

.form-product-item * {
    max-width: 100%;
}

 

You might also want to add more space inside the containers by adjusting their left and right padding like so:

.form-product-item {
    padding-left: 5px;
    padding-right: 5px;
}

 

???

Hello! You need to inject the above provided CSS code in your Form using this Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

If the provided CSS code does not resolve your issue, feel free to let us know.
In case you need us to inject this code for you, do let us know.

I tried but it failed everytime i need a copy so i can copy/past CSS

its hard to change the code without changing the whole structure

Hi,

To make sure that the provided CSS will take effect without changing any other codes, you can add "! important" on it, see the following.

.form-product-item * {
    max-width: 100% !important;
}



.form-product-item {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

Let me know if that helps.

it worked thank you for your time !

You're most welcome!

Feel free to reach out to us again should you have any other questions or concerns.

Thank you for choosing Jotform.