Menu/Sidebar Color

• 

  onyx2018 · Member · May 17, 2015 at 12:20 pm

  • Copy link
  • Add topic to favorites

  CSS Customizing Code – Espied Theme

  #menu-main-nav li strong {color:#FFFFFF !important; font-size:14px !important; font-family:verdana !important;}

  The menu doesn’t seem to change when I ‘tweek’ any of the above code. I think my error may be in calling it a menu vs a sidebar?

  Gail, Thank You :)

• 

  jeremeylduvall · Member · May 17, 2015 at 6:18 pm

  • Copy link

  Hi Gail,

  I’m unsure of what you’re trying to change. Are you trying to adjust the color of the menu items shown here?

  http://d.pr/i/S6BT

  If so, this should change them to white and set the font size:

  ul#menu-primary a {
    color: white;
    font-size: 14px;
  }

  You will need to set the font under Appearance -> Customize -> Fonts.

• 

  onyx2018 · Member · May 17, 2015 at 9:00 pm

  • Copy link

  Hello;

  Thank you for responding. Here is a link of a page which is correct in that the menu (I think it’s called the toggle) and the sidebar are both black – http://escortinternetdesign.co/. Here is a link showing what the remaining pages look like – http://escortinternetdesign.co/about/. The menu (toggle) is black but the sidebar is brown. If I could have the CSS customization code, I think I can apply it to the pages by myself.

  Thank You,
  Gail

• 

  jeremeylduvall · Member · May 18, 2015 at 2:41 am

  • Copy link

  Hi Gail,

  Thanks for clarifying! This should do the trick across all pages:

  .js body:after  {
  	background-color: #000;
  	border-color: #000;
  }

• 

  onyx2018 · Member · May 18, 2015 at 12:41 pm

  • Copy link

  Thank you.

• 

  onyx2018 · Member · May 18, 2015 at 12:51 pm

  • Copy link

  Hi Again,

  Check out this page please, http://escortinternetdesign.co/portfolio/precisely-yours/

  The boxes or the area behind those left and right arrows and the one with all the dots – What are those called? And how do I make the background black. I still want the red when activated. It looks cool with the black.

  Thank you,
  Gail

• 

  jeremeylduvall · Member · May 19, 2015 at 3:15 pm

  • Copy link

  This should do the trick!

  nav-archive a::before, .js .site-main .post-navigation .nav-previous a::before, .js .site-main .post-navigation .nav-next a::before, .js .site-main .post-navigation .nav-archive a::before {
  	background-color: black;
  	border-color: black;
  }

• 

  onyx2018 · Member · May 19, 2015 at 3:42 pm

  • Copy link

  Yes. Your code worked. This is my last forum question prior to a host and wordpress.org. Please extend my thanks to all the support staff at wordpress.com for the wonderful assistance.

  Thank You,
  Gail Kozlinski

• 

  jeremeylduvall · Member · May 21, 2015 at 2:35 pm

  • Copy link

  Great Gail! No problem at all -happy to help.