Return to previous page

Add padding to product category images using “Classic” categories design

This topic has 2 replies, 2 voices, and was last updated 1 years ago ago by Tony Rodriguez

HUSSTLE

Participant

November 30, 2023 at 18:14

How do you go about doing 2 things.

1. add padding to category image (top)
2. removing product count (leaving only product category)

Please, contact administrator
for this information.

#375340 Copied Theme version: 9.2.2 WooCommerce version: 8.3.0

1 Answer
Tony Rodriguez

Support staff

December 1, 2023 at 09:05
Hello, @HUSSTLE,

We are grateful for your recent purchase of our theme and for contacting our support team for assistance.

To address your customization queries:

a) For adding padding to the top of the category image, please adhere to the following instructions:

1. Navigate to “XStore” then “Theme Options” followed by “Theme Custom CSS” and finally “Global CSS”.
2. Insert the CSS code provided below into the specified field.

Please note that the padding value can be adjusted to suit your preferences:
```
.category-grid.text-color-dark.valign-bottom.style-classic.content-under.product-category.product {
    padding-top: 19px;
}
```
For a visual reference, kindly visit the link below:
[https://ibb.co/kSsKYzc](https://ibb.co/kSsKYzc)

b) To remove the product count while retaining the product category, please execute the following steps:
```
.category-grid .categories-mask a mark.count {
    display: none;
}
```
For a visual reference, please visit the link below:
[https://ibb.co/Wk9vWCV](https://ibb.co/Wk9vWCV)

Should you require further assistance or have any additional inquiries, please feel free to contact us.

Yours sincerely,
The 8Themes Team
#375364 Copied
Tagged: add padding, classic categories design, enhance woocommerce store, image padding techniques, product category images, woocommerce templates, wordpress
Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘Add padding to product category images using “Classic” categories design’' has been successfully resolved, and the topic is now closed for further responses

Add padding to product category images using “Classic” categories design

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection