Menu color issues after custom upgrade

• 

  atmaseva · Member · Apr 6, 2013 at 3:36 am

  • Copy link
  • Add topic to favorites

  I just bought the custom design upgrade, but when I change the menu color it doesn’t change. Also, when it does change it doesn’t show correctly. When I first bought it and uploaded, everything worked great, then I checked my blog in Safari (usually use Firefox) and the menu was different in Safari. I use a .com site and understand for .org the step is to make a child theme and edit with CSS. Is there a way to avoid that on a .com? Any feedback would be much appreciated.

  ps) The goal is to have a light menu color with red hover. Currently black with red hover.
  atmaseva.wordpress.com

  Thanks!

• 

  thesacredpath · Member · Apr 8, 2013 at 2:28 am

  • Copy link

  Is this the site you are talking about, http://atmaseva.wordpress.com/ ? If so, this is the best way to change the background color of the menu. Edit the color code as desired.

  #access {
      background: #CC0000;
  }

• 

  atmaseva · Member · Apr 20, 2013 at 12:52 pm

  • Copy link

  worked perfect, thanks so much for responding!!

  One other small question; how do I take out the white space from the top of the page to the title? I tried this but it didn’t work,
  #header #logo {
  padding-top: 0;
  }

  Any suggestions would be great. Thanks again so much for helping.

• 

  thesacredpath · Member · Apr 20, 2013 at 2:35 pm

  • Copy link

  You can adjust the top padding on #main:

  #main {
  padding-top: 1.625em;
  }

• 

  thesacredpath · Member · Apr 20, 2013 at 2:52 pm

  • Copy link

  I might suggest adding this as well to bring the sidebar down just a little so it aligns better with the post title.

  #secondary {
  margin-top: 15px;
  }

• 

  atmaseva · Member · Apr 20, 2013 at 3:56 pm

  • Copy link

  Thank you so much!

  For some reason the top white space doesn’t disappear? I am referring to the space at the top of the blog above the main title ATMA SEVA. The #secondary worked great (thanks for that btw). Here is the CSS

  #access {
  background: #EDF2F5;
  }

  #access a {
  color: #000;
  }

  #branding #searchform {
  display: none;
  }

  #branding .only-search + #access div {
  padding-right: 0;
  }

  #main {
  padding-top: 1.625em;
  }

  #secondary {
  margin-top: 15px;
  }

• 

  designsimply · Member · Apr 24, 2013 at 5:35 pm

  • Copy link

  The space above the site title “ATMA SEVA” at http://atmaseva.wordpress.com/ is setup using padding on the #site-title selector. To adjust it, add this to your Appearance → Themes → Customize → CSS panel:

  #site-title {
  	padding-top: 0;
  }

  Adjust the “0” value to something like 1em or 40px to add back spacing as needed.