Change menu item background color

  • Anonymous


    Hello there,

    I would like to change the background color of child menu items when highlighted. When on a menu article, the featured menu item is highlighted by the theme blue; I would like to update this with our branding color, but cannot find it in the CSS.

    Please let me know where to find this so I can manually change.




    Please answer the above question. I have a hard deadline for presentation of the site and need to change this last color.

    Thank you.


    Syahir Hakim


    Add this to the theme’s Custom CSS option and change the colour code as necessary:

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:focus,
    .dropdown-menu > .active > a:hover {
    background-color: #337ab7;



    Worked perfectly. Thank you so much for your help.

    Have a great day.



    The Syahir Hakim’s code worked perfectly.

    To my Graphene Theme, I just replaced the .dropdown-menu to #header-menu.

    It was like that:

    #header-menu> .active > a,
    #header-menu > .active > a:focus,
    #header-menu > .active > a:hover {
    background-color: red;

Viewing 5 posts - 1 through 5 (of 5 total)

  • You must be logged in to reply to this topic.