Return to previous page

How to adjust the frame, shading in category page

This topic has 5 replies, 3 voices, and was last updated 2 months ago ago by Andrew Mitchell

Sam

Participant

September 16, 2024 at 13:32

Dear Team,

How to adjust the frame, shading, fonts … etc. of category icons in below screenshot:
https://prnt.sc/uzKB6mUDCwb9

To be as they appear on products page as below screenshot:
https://prnt.sc/mNb206QpiSGg

Regards

#414547 Copied Theme version: 9.4.1

4 Answers
Luca Rossi

Support staff

September 17, 2024 at 06:40
Dear @Sam,

Can you confirm that you want the styles of category listing same as product listing?

If yes, please add this custom CSS codes under XStore > Theme Options > Theme Custom CSS > Global CSS:
```
.etheme-product-grid .category-grid {
    box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.17);
    border-radius: 5px;
}
.etheme-product-grid .category-grid.valign-bottom .categories-mask {
    position: static;
}
```
https://prnt.sc/aedDGXGP51wW

Hope it helps!
#414639 Copied
Sam

Participant

September 17, 2024 at 06:54

Hi Luca,

Yes that’s what I want, it was applied successfully to the subcategories, but the main categories didn’t change.

Please send updated code for Main categories and subcategories as well.

Thanks a lot.

#414643 Copied

Sam

Participant

September 17, 2024 at 07:06

Now is Perfect!

Thank you once again Luca

#414646 Copied

Andrew Mitchell

Support staff

September 17, 2024 at 07:06

Dear Sam,

We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

Click here to rate now: https://themeforest.net/downloads

Thank you sincerely for your ongoing support!

Best Regards,
The 8Theme Team

#414647 Copied
Tagged: adjusting woocommerce category page, modifying frame in woocommerce, woocommerce category page styling, woocommerce theme customization, wordpress theme shading adjustment
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘How to adjust the frame, shading in category page’' has been successfully resolved, and the topic is now closed for further responses

How to adjust the frame, shading in category page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection