Return to previous page

Product box equal height - by Hooman1313

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

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

#226417 Copied Theme version: 6.2.3 WooCommerce version: 3.8.1

1 Answer
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
#226423 Copied
Viewing 2 results - 1 through 2 (of 2 total)

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Organic Cosmetics Store – WordPress WooCommerce Theme

lazy-placeholder

Designers – WordPress WooCommerce Theme

lazy-placeholder

Furniture Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Spa – WooCommerce Theme

lazy-placeholder

Royal – WooCommerce WordPress Theme

lazy-placeholder

Business Card – WordPress Theme

lazy-placeholder

Electron Store 01 – WordPress WooCommerce Theme

lazy-placeholder

Dokan Multivendor Marketplace – WordPress WooCommerce Theme

lazy-placeholder

Organic Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Online Courses – 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.