Support » Theme: Openstrap » How to change colour of menu buttons background?

  • Resolved duozhang1992


    Hi I was wondering if anyone knew how to change the default colour covering the menu text(mine is purple at the moment)?

    I want to change it from purple to orange.


Viewing 6 replies - 1 through 6 (of 6 total)
  • Kristina



    you can type a css code in Appearance/Editor (scrloll down the page and find css file)

    Please give me a link of your page and I write code.




    Hello duozhang1992,

    code is:
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #633475;}

    If you wont some other purple color you can change this hexadecimal color: #633475

    I hope thet I help you.


    You should not use the Appearance > Editor method unless you have a child-theme activated. Those edits will be erased if the theme is updated.

    That being said you can create a child-theme or use a custom css plugin like Simple Custom CSS.

    There wasn’t a CSS file in editor of openstrap. I also tried typing the code into custom codes but that didn’t work either.

    Do you know why this might be?

    Its okay, I managed to figure out how to do it through custom CSS. Thanks again!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to change colour of menu buttons background?’ is closed to new replies.