3 replies · opened Feb 28, 2023
The images on our "best sellers" page are way too big. There should be 3 images per row with enough room at the bottom for a description. When the images go to the next line, they get bigger instead of smaller.
How do I fix that page?
Hello,
The Product Images are set to be 100% of the container by default. You can override this by simply adding a couple of utility classes. Consider using the following:
[ch_pre]
[/ch_pre]
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank-you - definitely helped except for the last 3 products on that page. They each went on their own line. Can you tell me what is wrong with those 3. So strange.
Hello,
This is because the .product DIV are added outside the #shop DIV. Make sure that you add them inside the #shop DIV so that they stay in the grid layout.
Also, there are many unclosed HTML Tags on your Page: https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.productioncarcare.com%2Fbest-sellers.php which might be causing unnecessary issues. Please fix these errors and other issues should be automatically resolved.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard