Products display on the front page not good

This topic has 2 replies, 2 voices, and was last updated 3 years, 4 months ago ago by Olga Barlow

  • Avatar: Emms
    Emms
    Participant
    December 10, 2020 at 18:47

    The product display on the front page is not good. See here https://i.imgur.com/X3KKsFc.png .All the add to cart button must be on the same line. Please help

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 11, 2020 at 17:23

    Hello,

    It’s because of the different height of your images and product titles.
    You can add the below code to Theme Options > Custom CSS but then you’ll get the space between image and product information http://prntscr.com/w0nj0e

    .row.products-loop, .productCarousel.owl-carousel .owl-stage {
        display: flex;
        flex-wrap: wrap;
        flex: 1;
    }
    .row.products-loop .product .content-product, 
    .productCarousel .slide-item .product .content-product{
        flex-direction: column;
        justify-content: space-between;
        display: flex;
        flex: 1;
        height: 100%;
    }
    .productCarousel .slide-item.product-slide {
        display: flex;
        height: 100%;
    }

    Regards

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.