Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #96082
    Martijn
    Participant

    Hello,

    I would like to change the color and hover color of the menu on top of the site. Its now orange but prefer another color ? I assume its possible wiht CSS but I dont know what the name of that menu is ?

    

    #96102
    Mahesh
    Participant

    @martijn: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

    .menu-item a {
        color: #00ff00; 
    }
    
    .menu-item a:hover {
        color: #0000ff;
    }

    Note: Please change the color as desired.

    Regards,
    Mahesh

    #96399
    Martijn
    Participant

    Dear Mahesh,
    Yes that is great… But there is one small think I would like to change aswell.
    The link from the current page (the one that is displayed) stays in your original orange color in the menu bar on top. How can I change that to another color. I tried :
    current-menu-item but that did not work for me…

    Regards,
    Martijn

    #96428
    Mahesh
    Participant

    @martijn: For that, add the following CSS:

    .main-navigation .current_page_item > a, 
    .main-navigation .current-menu-item > a, 
    .main-navigation .current_page_ancestor > a {
        color: #ff0000;
    }

    Hope this helps.
    Note: Please change the color as desired.

    Regards,
    Mahesh

    #96609
    Martijn
    Participant

    absolutely great: thanks Mahesh

    #96629
    Mahesh
    Participant

    @martijn: Thank you for your appreciation. Have a nice day!

    Regards,
    Mahesh

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change color of Menu’ is closed to new replies.