Return to previous page

How to customize main menu label color, font & Text?

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

Stanley

Participant

April 7, 2021 at 06:02

Refer private area

Please, contact administrator
for this information.

#282916 Copied Theme version: .7.2.6 WooCommerce version: Version 5.1.0

4 Answers
Rose Tyler

Support staff

April 7, 2021 at 07:27
Hello,

You can use the next custom CSS code:

.menu-label-new > a .label-text { background-color: red; color: black; } .menu-label-hot > a .label-text { background-color: red; color: black; } .menu-label-sale > a .label-text { background-color: red; color: black; } .menu-label-new > a .label-text:before { border-right-color: #ff0000; } .menu-label-sale > a .label-text:before { border-right-color: #ff0000; } .menu-label-hot > a .label-text:before { border-right-color: #ff0000; }

Text of the labels can be changed using the Loco Translate plugin. Create translation for the theme in your language and change the text.

Regards
#282923 Copied
Stanley

Participant

April 7, 2021 at 08:07

Hi Rose,

Please advise where can I insert the above CSS code?

#282925 Copied

Rose Tyler

Support staff

April 7, 2021 at 08:09

Theme Options > Theme Custom CSS > Global custom CSS.

Regards

#282928 Copied

Stanley

Participant

April 7, 2021 at 15:40

Hi Rose,

It works brilliantly! Thanks!

#283062 Copied
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘How to customize main menu label color, font & Text?’' has been successfully resolved, and the topic is now closed for further responses

How to customize main menu label color, font & Text?

Helpful Topics

Browse by popular tags

Explore our best WordPress WooCommerce Themes collection