Return to previous page

Edit menu labels colors and size: New, Sale, Hot

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

chrisbond

Participant

October 1, 2024 at 13:32

Hello guys,
I need to change the color and size of the menu labels: New, Sale, Hot.
I can’t find any settings in Theme Options or the Support Forum (maybe it’s there but I can’t find it).
How can I edit this?
Thanks

#416635 Copied Theme version: 9.4.1

5 Answers

Rose Tyler

Support staff

October 1, 2024 at 14:22

Hello, Chrisbond,

Thank you for reaching out to us with your query. To change the color and size of the menu labels such as New, Sale, and Hot, you will need to apply some custom CSS.

Your site is under maintenance mode, so we can’t check your site.

Could you please provide temporary wp-admin access?

To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

Best Regards,
8Theme’s Team

#416645 Copied

chrisbond

Participant

October 1, 2024 at 15:12

Now it’s live, you can check it.
On desktop view, hover ‘Home’ button to see the WordPress menu.
On mobile, open the mobile menu to see the WordPress menu.

#416654 Copied
Rose Tyler

Support staff

October 1, 2024 at 15:32
Hello, Chrisbond,

We appreciate your prompt response.

Theme Options > Theme custom CSS > Global:
```
.menu-label-new > a .label-text {
  background-color: #88b643;
}
.menu-label-new > a .label-text:before {
  border-right-color: #88b643;
}
.menu-label-sale > a .label-text {
  background-color: #e6bd47;
}
.menu-label-sale > a .label-text:before {
  border-right-color: #e6bd47;
}
.menu-label-hot > a .label-text {
  background-color: #a4004f;
}
.menu-label-hot > a .label-text:before {
  border-right-color: #a4004f;
}
.etheme-elementor-nav-menu .label-text {
    font-size: 14px;
}
```
– change colors and size according to your needs.

Best Regards,
8Theme’s Team
#416660 Copied
chrisbond

Participant

October 1, 2024 at 16:41

It works great.
Thank you, team!

#416665 Copied

Andrew Mitchell

Support staff

October 1, 2024 at 16:41

Dear chrisbond,

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

Click here to share your thoughts: https://themeforest.net/downloads

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#416666 Copied
Tagged: change label size wordpress, customize woocommerce labels, edit menu colors woocommerce, new sale hot labels, wordpress woocommerce templates customization
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Edit menu labels colors and size: New, Sale, Hot’' has been successfully resolved, and the topic is now closed for further responses

Edit menu labels colors and size: New, Sale, Hot

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection