Product box equal height - by Hooman1313

This topic has 2 replies, 2 voices, and was last updated 5 years ago ago by Rose Tyler

  • Avatar: Hooman1313
    Hooman1313
    Participant
    December 7, 2019 at 21:53

    Hello there,
    How to make equal height all product boxes and also have a border around each one?
    Thanks

    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 8, 2019 at 09:25

    Hello,

    Theme Options > WooCommerce (Shop) > Shop elements > Brands > Show Product Brands On Grid/List > Off.
    Add the next code in Theme Options > Theme custom CSS:

    .content-product .product-title {
        min-height: 48px;
    }

    Product Title Chars Limit you can change via Theme Options > WooCommerce (Shop) > Shop > Products style.

    This code will add the border:

    .products-grid .content-product,
    .products-slider .content-product {
        border: 1px solid #e1e1e1;
        padding: 10px 10px 0 10px;
    }

    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.