Return to previous page

Equal height columns for product display

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

  • Avatar: Smeg
    Smeg
    Participant
    July 11, 2019 at 22:42

    Hi

    I want the products that are dispalyed in columns in the shop pages, related products & featured products, etc.. to be equal height top & bottom & I’ve tried every code technique I now & have found but nothing has worked, except for putting a specific height e.g. 550px, which is not ideal as it varies through different views & screen sizes. How can this be achieved?

    Thank you!

    Please, contact administrator
    for this information.
    #216991 Copied Theme version: 5.0.2 WooCommerce version: 3.6..4
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 12, 2019 at 07:38

    Hello,

    Add this code in Theme Options > Custom CSS:

    .content-product .product-title a {
    min-height: 50px;
}
.product-details .yith-wcbr-brands-logo {
    min-height: 85px;
}

    Regards

    #217000 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

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

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Burger Store – WordPress WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme

See All Templates

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