WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Can't Change Nav background in Twenty Eleven (4 posts)

  1. Mattymar
    Member
    Posted 2 years 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
    Forum Moderator
    Posted 2 years ago #

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

  3. Mattymar
    Member
    Posted 2 years 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 2 years 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

Topic Closed

This topic has been closed to new replies.

About this Topic