Change one menu item only in different colour

This topic has 6 replies, 4 voices, and was last updated 9 years, 8 months ago ago by Eva Kemp

  • Avatar: fredwerk
    fredwerk
    Participant
    April 15, 2016 at 09:09

    Hi,

    Currently, all menu items are in black and when hovering they goes red – http://dianascraftycakes.com/

    I would like to keep one menu item (the email one) in a different colour all the time.

    What is the code for custom.css?

    Many thanks,

    Fred

    5 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 15, 2016 at 09:32

    Hello,

    Add this code in custom.css file:

    .menu-item-224 a {
        color: red;
    }
    .menu-item-224 a:hover {
        color: red;
    }

    Best regards,
    Jack Richardson.

    Avatar: fredwerk
    fredwerk
    Participant
    April 15, 2016 at 11:48

    Hi,

    This kinda worked, changed “red” to #26B09E however when going over the link it turns red.

    I need it to stay in this colour #26B09E

    Cheers for checking,

    Fred

    Avatar: Robert Hall
    Robert Hall
    Participant
    April 15, 2016 at 12:10

    Hello,

    Please use this code

    .menu-item-224 a:hover {
        color: #26B09E !important;
    }

    instead of

    .menu-item-224 a:hover {
        color: #26B09E;
    }

    Regards,
    Robert Hall

    Avatar: fredwerk
    fredwerk
    Participant
    April 15, 2016 at 13:45

    Many thanks, that worked 🙂

    Avatar: Eva
    Eva Kemp
    Participant
    April 15, 2016 at 14:00

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

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

The issue related to '‘Change one menu item only in different colour’' has been successfully resolved, and the topic is now closed for further responses

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