Oxygen theme- can't change background color of secondary menu

• 

  beanhugger · Member · Sep 29, 2013 at 3:19 am

  • Copy link
  • Add topic to favorites

  Hello all. I’m hosting a blog on my website using the Oxygen theme ((jaynshives.com). I want to change the secondary menu background color and have edited the CSS according to suggestions I found in the support forums.

  My current CSS:

  #menu-secondary {
  	font-size: 1em;
  	width: 100%;
  	margin: 0 0 10px 0;
  	float: left;
  	clear: left;
  	position: relative;
  	background: #f15151;
  	margin-bottom: 25px;
  	z-index: 2;
  }
  #menu-secondary li {
  	display: block;
  	float: left;
  	width: 100%;
  }
  #menu-secondary li a {
  	font-size: 0.8333333333333333em;
  	line-height: 1.2em;
  	display: block;
  	padding: 1.1em 1.2em;
  	text-transform: uppercase;
  	color: #fff;
  	background: #f15151;
  	border-bottom: 1px solid #f36161;
  }
  #menu-secondary li a:hover {
  	color: #fff;
  	background: #e44646;
  }

  It doesn’t seem to matter that I’ve changed the CSS, because my website isn’t reflecting the change. Any suggestions? Thanks!

• 

  jcasta · Member · Sep 30, 2013 at 4:29 pm

  • Copy link

  From what I can tell you are using a self-hosted version of WordPress, correct? If that is the case I would say use a child theme, and in the CSS try using:

  #secondary-menu li a {
    background: rgb( 60, 30, 120); /* or whatever color you want */
  }

  I would have to ask the question of whether or not you are using a caching plugin as that could also be a possible reason why it may not be seeing any changes.

• 

  beanhugger · Member · Sep 30, 2013 at 5:09 pm

  • Copy link

  Thanks, @jcasta. Yes, the site is self-hosted. I am not using a cache plugin, so that shouldn’t be the problem. I did try clearing my cache and history and all of that, to no avail.

  I will have to read up more on child themes, as there are other modifications I’d like to make to my site. Once I do that, I’ll try your suggestion–thank you!

• 

  lettergrade · Member · Sep 30, 2013 at 5:15 pm

  • Copy link

  FYI: Self-hosted support is over here: http://wordpress.org/support/

  There’s also lots of information on things like Child Themes over there, too! Browse around.

• 

  beanhugger · Member · Sep 30, 2013 at 5:34 pm

  • Copy link

  Thank you very much, lettergrade! I have my homework cut out for me–just learning WordPress and all it can do. :)

• 

  lettergrade · Member · Sep 30, 2013 at 5:42 pm

  • Copy link

  Enjoy. :)