Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1396471

    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

    #1396520

    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

    #1396581

    Hi Ismael,

    I’ll put the link in the private reply as the website isn’t officially open or finished.

    #1396584

    BTW you can see the product frames become uneven when you resize the browser representing a smaller screen size.

    #1396628

    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.

    #1396649

    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

    #1396702

    Thank you!

    #1396726

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.