Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.
Latest post by Adam Melcher on Friday, 13 December 2024 16:14 UTC
Hi!
I've decreases the font size for the product names but if it has a larger name it is still messing up the products so that they are not 3/row. Ex. https://www.northsidegreenhouses.com/shop.html Is there a way to set the product names to wrap text so that it bumps some of the text to the next line automatically? I don't really want to decrease the size the font much more because it's not going to look right.
Thanks for the help!
Hello Tristina,
you just need a bit of extra CSS to ensure items are resized properly. You could add something like this:
.j2store-product-list .j2store-single-product { max-width: 350px }
This will ensure the products are about the size of your product pictures and wrap text accordingly.
Olivier.
Tristina,
The titles in on the site you referenced do wrap, but the issue is that the product images are smaller than the product element's width, so it looks like the titles are not wrapping when the reality is that container that holds that product is wider than the product image. A quick fix with the current sub-layout would be to change the products/ column from 3 to 4 which would change the product width's from 33% to 25% each.
Adam
Subscribe for free and be the first to know about the latest features, updates, and new additions.