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

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

  • Avatar: chrisbond
    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

    5 Answers
    Avatar: Rose Tyler
    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

    Avatar: chrisbond
    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.

    Avatar: Rose Tyler
    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

    Avatar: chrisbond
    chrisbond
    Participant
    October 1, 2024 at 16:41

    It works great.
    Thank you, team!

    Avatar: Andrew Mitchell
    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

  • 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

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.