Hello,
Depending on the length of the title of my product, it changes the size of the frame around the product. When all the products are listed side by side, you can see them not lining up because of the ones that have longer titles. I’m using the default product layout on overview pages with the buttons, etc. Is there a way to force all of the frames around the products to the same size so they line up evenly?
Thank You,
Scott
Hey ovrit,
Thank you for the inquiry.
We might be able to fix this by applying a minimum height to the product title container. Please provide a link to the product page so that we can check the elements.
Best regards,
Ismael
Hi Ismael,
I’ll put the link in the private reply as the website isn’t officially open or finished.
BTW you can see the product frames become uneven when you resize the browser representing a smaller screen size.
I just actually made the product title font smaller so it all lines up now. But I think if I had a really long product title it would happen again.
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (min-width: 990px) {
.avia-product-slider-container .inner_product {
height: 440px;
min-height: 440px;
}
}
Best regards,
Rikard
Thank you!