WordPress.org

1. Mattymar
   Member
   Posted 4 months ago #

   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?

2. esmi
   Theme Diva & Forum Moderator
   Posted 4 months ago #

   Try using Firefox with the Firebug add-on for this kind of CSS work.
   http://getfirebug.com/

3. Mattymar
   Member
   Posted 4 months ago #

   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?

4. Mattymar
   Member
   Posted 4 months ago #

   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

Reply

You must log in to post.