Changing color of menu links - by Greenhill Timbers

This topic has 7 replies, 3 voices, and was last updated 10 years, 6 months ago ago by Eva Kemp

  • Avatar: Greenhill Timbers
    Greenhill Timbers
    Participant
    May 15, 2014 at 04:09

    Hi there,

    I want to change the color of the links of the “active/current page” link and the “hover” over the top menu, the parent if there is a drop down associated with it. So in other words the color of the link of the page the user is currently on and the color the link changes to when the mouse hovers over it.

    I understand that this is controlled through the Theme Options, which I’m happy with the current color on buttons, but not the links as described above.

    How can i change it so it works like I’ve described above?

    Thanks, Daniel.

    6 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 15, 2014 at 08:40

    Hello,

    Please, add this lines of code to your custom.css:

    
    #main-nav > ul > li.current_page_item > a {
    	color: #desired-color-of-active-item !important;
    }
    #main-nav > ul > li > a:hover, #main-nav > ul > li > ul > li a:hover {
    	color: #desired-color-on-hover !important;
    }
    

    and change “#desired-color-of-active-item”, “#desired-color-on-hover” on your desired color.

    If you didn’t enable custom.css before, please visit this link (following tutorial is for Legenda, but for Blanco actions are analogical) https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be .

    Regards,
    Jack Richardson

    Avatar: Greenhill Timbers
    Greenhill Timbers
    Participant
    May 15, 2014 at 09:07

    Hi Jack,

    Thanks for your reply.

    I don’t use custom css, I edit the css through a child theme.

    So this is still possible through a child theme? So I just paste this into the style.css?

    Thanks, Daniel.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 15, 2014 at 10:12

    Yes, Daniel, you can paste this into the style.css in your child theme. If it won’t work, then create custom.css in parent theme.

    Regards,
    Jack Richardson

    Avatar: Greenhill Timbers
    Greenhill Timbers
    Participant
    May 15, 2014 at 10:49

    Ok thanks Jack.

    Ill try tomorrow in the office (Im in Australia).

    Avatar: Greenhill Timbers
    Greenhill Timbers
    Participant
    May 16, 2014 at 01:04

    Thanks Jack for your help!

    All working. Much appreciated.

    Avatar: Eva
    Eva Kemp
    Support staff
    May 16, 2014 at 11:37

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

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

The issue related to '‘Changing color of menu links’' 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.