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

    Hi,
    When I increase the amount of product boxes from 4 to 5, the boxes appear uneven and ones that have a slightly longer title appear a little longer giving the site an uneven appearance.
    How do we get it so that the boxes appear even when using 5 boxes in the product slider?

    Also, is there of adding latest products to the Product Slider rather than best selling products?

    Thank you
    Vincent

    #739807

    Hey Vincent,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    #739888

    Hi Vinay,
    The website is not live and being built.
    The question I asked is
    “When I increase the amount of product boxes from 4 to 5, the boxes appear uneven and ones that have a slightly longer title appear a little longer giving the site an uneven appearance.”

    I have enclosed a screenshot http://prnt.sc/e1mwav
    Thanks
    Vincent

    • This reply was modified 7 years, 10 months ago by Vincent.
    #739965

    Hi!

    We understand your question, but for us to be able to help you out, we do need to see the wbe site.
    Please consider to report, when we can have access to check.

    Thanks a lot for your understanding and patience

    Best regards,
    Basilis

    #739979

    I don’t need to give you access to my site to answer this question. The boxes are not straight and I provided a screenshot. I did mention that it is not live and cannot give you access.

    #740000

    Hey!

    Some product names are longer than others so the vertical space taken by some products is more than others hence it is not of the same height. When you select 4 products there is enough space for all the product names to fit in 2 lines probably :)

    There isn’t much you can do about this except to shorten the product names if you like to do that please use the below css

    .product h3 {
    max-height:30px;
    overflow: hidden;
    }

    Adjust the height value to suit your design in the above code and if the above code don’t work we need to inspect the element in question please feel free to revert back to us with a link when every it is ready for us to access it, we are here to help you :)

    Regards,
    Vinay

    #742096

    Thanks Vinay,
    The code worked exactly. I increased the size to 45px and now there are 2 lines on all boxes with the title and all boxes are even.

    Thank you and appreciated.

    Vince

    #744209

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Product Slider Equal Sizes’ is closed to new replies.