How to change colour menu - by Paycheck85

This topic has 6 replies, 3 voices, and was last updated 7 years, 7 months ago ago by Jack Richardson

  • Avatar: Paycheck85
    Paycheck85
    Participant
    September 8, 2016 at 15:49

    How can i change the colour of the tekst in menu ? i would like that it is red by standard and the hover to be black
    https://gyazo.com/8476584817f45c955acf6733787b57f4

    Thank you

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 8, 2016 at 15:57

    Hello,

    You can use this code:

    .header-type-7 .menu-wrapper .menu-main-container > ul > li > a {
        color: red;
    }
    .header-type-7 .menu-wrapper .menu > li > a:hover {
        color: black;
    }

    Regards,
    Rose Tyler.

    Avatar: Paycheck85
    Paycheck85
    Participant
    September 8, 2016 at 16:06

    Awesome! And the divider stripes between each text. How can i change that color?
    https://gyazo.com/8476584817f45c955acf6733787b57f4

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 8, 2016 at 16:17

    Hello,

    Please use this css code in Global Custom CSS section:

    .header-type-7 .menu-wrapper .menu > li > a {
        border-color: red !important;
    }

    Best regards,
    Jack Richardson.

    Avatar: Paycheck85
    Paycheck85
    Participant
    September 12, 2016 at 08:24

    when scrolling down the other menu appears. I also would like to change the color and font for that menu.
    https://gyazo.com/42879d06aee178667b15298422b11557

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 12, 2016 at 08:39

    Hello,

    Please use this css code:

    .fixed-header-area .menu > li > a {
       color: red;
       font-family: open sans;
    }

    Write your values.

    Best regards,
    Jack Richardson.

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

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