I have a bunch of products with different length names. This cause multiple lines for some products. This in turn makes price and anything below the name not inline with each other. How can I set the name height to something specific? I am still old school css and need to learn em, rem, etc.
Announcement
Collapse
No announcement yet.
Specific height for CTGY/SRCH name
Collapse
X
-
You can utilize the class x-product-list__name and set a minimum height based on the number of lines you would expect the longest name to use and multiply that by the line-height you have set. Based on the default code in Shadows, I would try something like this where the maximum number of lines I am expecting is 2:
Code:.x-product-list__name { min-height: calc(2em * 1.8); }
Matt Zimmermann
Miva Web Developer
Alchemy Web Development
https://www.alchemywebdev.com
Site Development - Maintenance - Consultation
Miva Certified Developer
Miva Professional Developer
https://www.dev4web.net | Twitter
Comment