Support » Themes and Templates » TwentyEleven header color not changing?

  • Resolved aplusr



    In my child theme I have added the following code after using firebug & mozilla firefox to change the menu bar color:

    #access {
        background: linear-gradient(#00A8DF, #0066BA) repeat scroll 0 0 transparent;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        clear: both;
        display: block;
        float: left;
        margin: 0 auto 6px;
        width: 100%;

    The two hex color codes in the background are the only code I edited (they are normally black and a very dark grey, I changed them to to two blues).

    But I’ve updated the style.css file but nothing has changed, the menu is still the same.

    How can I change the color of the menu?

    My website is:


Viewing 8 replies - 1 through 8 (of 8 total)
  • That code is not in the child theme CSS file…are you sure you are putting it in the right place and saving it? Make sure you have no caches on.

    It’s blue to me, light blue fading into a slightly darker blue.

    oh, yeah you must be looking at it in chrome or something, in the parent theme CSS it has the gradient for all browsers and backup.

    background: #222; /* Show a solid color for older browsers */
    	background: -moz-linear-gradient(#252525, #0a0a0a);
    	background: -o-linear-gradient(#252525, #0a0a0a);
    	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
    	background: -webkit-linear-gradient(#252525, #0a0a0a);
    	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;

    It is in his CSS and he’s going to get validation errors using that anyways. What I posted above directly from Twenty Eleven throws validation errors.

    Yeah, I’m aware of those, but look at the first error — in the child CSS file — it’s a weird error — not visible in what is in the file.

    ah, there’s a special character just before the #branding ID, click on it and hit backspace then save.

    I modified the menu color for all browsers and backup, disabled W3 Total cache (temporarily while I make modification) and cleared the google chrome cache and it changed to the color I want.

    Mozilla Firefox changed as soon as I disabled w3 total cache. The clear cache function for the plugin didn’t work while it was enabled, I had to actually deactivate the plugin for a while.


Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘TwentyEleven header color not changing?’ is closed to new replies.