Changing menu text color and shadow

• 

  thomgarriton · Member · Aug 28, 2013 at 4:02 pm

  • Copy link
  • Add topic to favorites

  Hi, im using the Sempress theme and trying to change the color of the menu fonts as well as remove the shadow at the top of the page – if this is even possible. I’ve searched for the CSS that pertains to this with no avail. Any assistance would be greatly appreciated.

  Thanks

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

• 

  thomgarriton · Member · Aug 28, 2013 at 4:20 pm

  • Copy link

  To clarify – the shadow on the menu text… and the menu at the top of the page.

  Thanks

• 

  thesacredpath · Member · Aug 28, 2013 at 5:34 pm

  • Copy link

  Hi, add this to your custom CSS and edit the (obnoxious) color codes I used. I’ve included both the non-hover and hover rules as well as a separate rule (last one) for the current page item.

  .main-navigation a, .main-navigation a:visited {
      color: #CC0000;
      text-shadow: none;
  }
  .main-navigation div > ul > li > a:hover, .main-navigation .current_page_ancestor > a {
      color: #66FF66;
  }
  .main-navigation .current_page_item > a {
      color: #FFB266;
  }

• 

  mrdirby · Member · Aug 28, 2013 at 5:38 pm

  • Copy link

  Do you mean the white around the text in the menu?

• 

  thomgarriton · Member · Aug 28, 2013 at 5:49 pm

  • Copy link

  @thesacredpath Perfect! Thank you so much.

• 

  thesacredpath · Member · Aug 28, 2013 at 8:44 pm

  • Copy link

  @thomgarriton, you are welcome.