Can't Change Nav background in Twenty Eleven
-
For some reason the nav background is not pulling from my child theme. I tested this by changing the main css to this:
#access { background: #121212; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252525', endColorstr='green'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#252525), to(green)); /* for webkit browsers */ background: -moz-linear-gradient(top, #252525, green); /* for firefox 3.6+ */ -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; clear: both; display: block; float: left; margin: 0 auto 6px; width: 100%; }
And it did make changes, but this is what I have in my child theme and it is not being used as the background for the nav:
#access { background: #f0b7a1; /* Old browsers */ background: -moz-linear-gradient(top, #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b7a1), color-stop(50%,#8c3310), color-stop(51%,#752201), color-stop(100%,#bf6e4e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* IE10+ */ background: linear-gradient(top, #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 ); /* IE6-9 */ repeat-x; position: relative; width: 100%; float: left; padding: 0 0; }
Site is http://healthybodyrevolution.com
What’s causing this problem?
Viewing 3 replies - 1 through 3 (of 3 total)
-
Try using Firefox with the Firebug add-on for this kind of CSS work.
http://getfirebug.com/Um yeah I already use firebug, that’s how I found that it wasn’t calling my child theme for the nav background but was for everything else.
Anyone with any useful advice?
Well that was annoying, I finally found that there were two extra spaces a few lines before the #access in my child theme’s style.css
Viewing 3 replies - 1 through 3 (of 3 total)
- The topic ‘Can't Change Nav background in Twenty Eleven’ is closed to new replies.