Return to previous page

Make all products the same height on the shop page and elementor product widgets

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

JAG

Participant

May 29, 2022 at 04:16

I was looking to make the background of the products on the site the same height when borders are enabled.

Please, contact administrator
for this information.

#324778 Copied Theme version: 8.1.6

7 Answers

Rose Tyler

Support staff

May 29, 2022 at 07:12

Hello,

Add the next code in Theme Options > Theme custom CSS:
.products-bordered-layout.with-ajax .ajax-content>div, .products-bordered-layout:not(.with-ajax)>div {background-color: white;}

Regards

#324780 Copied

JAG

Participant

May 31, 2022 at 03:04

Asked the developer privately

Please contact administrator
for this information.

#324860 Copied

Olga Barlow

Support staff

May 31, 2022 at 17:55

Hello,

You can move the product to another row, next to product categories. Go to Theme Options > WooCommerce > Product Catalog > Categories Appearance > Apart from products.

Regards

#324909 Copied

JAG

Participant

June 2, 2022 at 01:18

Thanks Olga for responding quickly. I was hoping to keep the products next to the categories. Is there a way to make the categories the same height as the products?

#325008 Copied

Rose Tyler

Support staff

June 2, 2022 at 07:14

Hello,

Please provide URL of this page – https://ibb.co/jWrvD9Z , so we can inspect the page code and give the correct custom CSS code.

Regards

#325020 Copied

JAG

Participant

June 2, 2022 at 15:40

Here is the url to the shop

#325062 Copied
Rose Tyler

Support staff

June 2, 2022 at 16:21
Hello,

Add this code and check:
```
.category-grid {
    padding: 30px 0 15px 0px !important;
}
```
https://prnt.sc/17poIudG75yU

Regards
#325065 Copied
Tagged: elementor, height, product, shop, themes, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)