how to change color of primary menu on Ubud theme

• 

  staceytx · Member · Sep 15, 2014 at 11:53 pm

  • Copy link
  • Add topic to favorites

  I have the custom design upgrade, and I want to change the color of the background on the primary menu at the top of the page.

  Can you tell me the CSS code that allows me to set the color?

  The blog I need help with is: (visible only to logged in users)

• 

  honeysilvas · Member · Sep 16, 2014 at 12:19 am

  • Copy link

  Hi,

  Try this code:

  #site-nav {
      background: #000000 !important;
  }

  where #000000 would be the new color you would like to use.

  Let me know if you encounter any issues!

• 

  staceytx · Member · Sep 16, 2014 at 3:59 am

  • Copy link

  THANK YOU! this worked perfectly… and appreciate the super quick reply.

  can you also tell me the code for changing the highlight of the primary menu?

• 

  honeysilvas · Member · Sep 16, 2014 at 1:41 pm

  • Copy link

  Hi,

  Try this:

  #site-nav ul li a:hover {
      color: #00ff00 !important;
      background: #ff0000 !important;
  }

  where #00ff00 is the color of the text
  and #ff0000 is the color of the background of the highlighted menu.

• 

  lesyaklymenko · Member · Sep 27, 2014 at 8:55 pm

  • Copy link

  Awesome! Thank you very much!

• 

  honeysilvas · Member · Sep 27, 2014 at 9:10 pm

  • Copy link

  You’re welcome!