Return to previous page

Cannot find where to edit colors and font on categories menu

This topic has 5 replies, 2 voices, and was last updated 2 years, 2 months ago ago by James

James

Participant

September 9, 2022 at 17:38

Hi, Please can you help? I have a categories menu in my shop but try as I might I cannot find out where to change the colors of the font or the size of the categories header font, I have spent hours looking for it but nothing I do changes the color.

I have looked at both XStore and WooCommerce styling otions and settings but cannot find where to change it. I think the categories sidebar is widget as it loads last. tried looking at widgets but again nothing there to help.

Can you advise me please,? Its the mail sidebar shop categories.

#333651 Copied Theme version: 1.0 WooCommerce version: Version 6.8.2

4 Answers
Awais Ahmed

Participant

September 10, 2022 at 07:57
Hello, @James,

I have understood your issue. But the thing is that there is no option in the theme for this from you can change the font color, and font size of the categories. You have to make it with the help of custom CSS code. You can add your custom CSS code in the XSTORE >> Theme Options >> Theme Custom CSS >> Global as you can see in this image: https://postimg.cc/wyP0Yy82

Here is the CSS code that you see on the above image:
```
.sidebar-widget ul li a, .widget_product_categories.sidebar-widget ul li a{
		color:white !important; 
		font-size:18px !important;
}
```
Note: In the above code the word “white” is the color of the font and the word “18” is the size of the font you can change it with you want.

I hope you understand.

Regards 8Themes Team.
#333667 Copied
James

Participant

September 10, 2022 at 09:53

Absolutely fantastic support thank you.

Just one more thing, I would like a hover color on the link css code you just gave me and to change the font size on the categories header text. Can you help with that please?

Just to let you know, this is by far the best shop theme I have ever used, I will be writing a glowing review soon.

#333678 Copied
Awais Ahmed

Participant

September 10, 2022 at 10:05
Hello, @James,

For hover changing the color, you can try with the below-given CSS.
```
.sidebar-widget ul li a, .widget_product_categories.sidebar-widget ul li:hover a {
    color: #dbb867 !important;
}
```
For Categories Title Text Font Size, please use the below given CSS code and change the value as per your requirements.
```
h4.widget-title {
    font-size: 20px !important;
}
```
Regards 8Themes Team.
#333680 Copied
James

Participant

September 10, 2022 at 11:04

Excellent, thank you very much, your support is the best I have ever received for any theme.

I will do my review soon and let people know just how good your support is.

#333683 Copied
Tagged: best selling, colors, editing, fonts, woocommerce, woocommerce themes
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Cannot find where to edit colors and font on categories menu’' has been successfully resolved, and the topic is now closed for further responses

Cannot find where to edit colors and font on categories menu

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection