Return to previous page

Add gap between product pages and category pages

This topic has 5 replies, 2 voices, and was last updated 6 months, 1 weeks ago ago by Rose Tyler

Rich Kil

Participant

November 3, 2023 at 00:59

https://ibb.co/LYv8d7J
https://ibb.co/1mN4d2L
I also want to darken the product and category boxes so they stand out

#372396 Copied Theme version: 5.2 WooCommerce version: 8.2

4 Answers

Rose Tyler

Support staff

November 3, 2023 at 10:45

Hello, Rich Kil,

Thank you for contacting us and for using XStore.

Kindly provide the URLs of the pages where you wish to implement changes. Additionally, we request you to elaborate on the specific modifications you desire in greater detail.

Kind Regards,
8theme team

#372430 Copied

Rich Kil

Participant

November 3, 2023 at 14:37

It’s all the pages with categories and products such as

https://www.ultimaterestaurantequipment.com/product-category/stainless-steel-tables/

https://www.ultimaterestaurantequipment.com/product-category/stainless-steel-tables/commercial-equipment-stands/

I want each box to have a dark border and space between each box so there is seperation

#372472 Copied
Rose Tyler

Support staff

November 3, 2023 at 15:04
Hello, Rich Kil,

We appreciate your prompt response.

Do you mean this https://prnt.sc/tEZLAqc-nPK_ ? Disable the Bordered layout via Theme Options > WooCommerce > Shop > Products design and add the next custom CSS code in Theme Options > Theme custom CSS > Global:
```
.content-product {
    border: 1px solid #222;
}
```
Kind Regards,
8theme team
#372488 Copied
Rose Tyler

Support staff

November 3, 2023 at 15:04
Hello, Rich Kil,

We appreciate your prompt response.

Do you mean this https://prnt.sc/tEZLAqc-nPK_ ? Disable the Bordered layout via Theme Options > WooCommerce > Shop > Products design and add the next custom CSS code in Theme Options > Theme custom CSS > Global:
```
.content-product {
    border: 1px solid #222;
}
```
Kind Regards,
8theme team
#372489 Copied
Tagged: category page spacing, enhancing woocommerce layout, optimize woocommerce product display, product page gaps, woocommerce category page improvement, woocommerce templates adjustment, wordpress woocommerce customization
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘add gap between product pages and category pages’' has been successfully resolved, and the topic is now closed for further responses

Add gap between product pages and category pages

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection