How to change the color of the drop down menu?

Hi...

Please show me how to change the color of the drop down menu, if possible to change.

Attached is the screenshot for reference.

Thanks.
webriti dropdown menu.png
101K

Comments

  • Hi vinzoe

    Kindly add the below css code inside the  Appearance >> General setting >> custom css box . 

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{ background-color: #d8af7b !important;}

    .dropdown-menu {
        background-color: #1d4f1d !important;
    }

    .dropdown-menu>li>a {
        color: #1df9a0 !important;
    }

    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{ color: #1d67a0 !important; }

    You can change color code as your need.

    Let me know did it work.

    Thanks



  • OK it worked thanks.
This discussion has been closed.