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

Solved4 replies2 participantsUpdated by Stanley

  • Avatar: Stanley
    Stanley
    Participant

    Refer private area

    Please, contact administrator
    for this information.

    4 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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

    Avatar: Stanley
    Stanley
    Participant

    Hi Rose,

    Please advise where can I insert the above CSS code?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Theme Options > Theme Custom CSS > Global custom CSS.

    Regards

    Avatar: Stanley
    Stanley
    Participant

    Hi Rose,

    It works brilliantly! Thanks!

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