Specific color for 1 menu item only? - by fredwerk

This topic has 8 replies, 2 voices, and was last updated 4 years, 4 months ago ago by Rose Tyler

  • Avatar: fredwerk
    fredwerk
    Participant
    March 3, 2020 at 12:13

    Hello,

    I have 1 menu item called DONATE and I would like it to be a different colour from the rest.

    What is the custom css I need to use? I would like to use this colour E1C46F

    Thanks,

    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 4, 2020 at 08:05

    Hello,

    Try the next code:

    .main-nav .menu .menu-item-87 a,
    .fixed-header .menu .menu-item-87 a {
        color: #E1C46F !important;
    }

    Regards

    Avatar: fredwerk
    fredwerk
    Participant
    March 4, 2020 at 09:31

    Hi,

    This worked! Many thanks.

    I would like this and and rest of the menu to be the same when viewing the site on a mobile device. Currently it is not. The menu items on mobile device are kinda grey and turns black when clicking on, and turns back to grey.

    What code shall I add?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 4, 2020 at 10:05

    Hello,

    Theme Options > Typography > Mobile menu font > Font Color.

    Regards

    Avatar: fredwerk
    fredwerk
    Participant
    March 4, 2020 at 11:38

    Thank you, but I can only change the colour of the menu items. I also would like the DONATE menu item to be same colour than desktop version.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 4, 2020 at 11:43

    Change this code http://prntscr.com/rbds74 to

    .main-nav .menu .menu-item-87 a,
    .fixed-header .menu .menu-item-87 a,
    .et-mobile-menu .menu-item-87 a {
        color: #E1C46F !important;
    }

    Regards

    Avatar: fredwerk
    fredwerk
    Participant
    March 4, 2020 at 13:01

    Thanks, this is perfect!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 4, 2020 at 13:08

    You’re welcome!

    Regards

  • Viewing 8 results - 1 through 8 (of 8 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.