WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] TwentyEleven header color not changing? (9 posts)

  1. aplusr
    Member
    Posted 1 year ago #

    Hi,

    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: http://www.laptopdealscentral.com/

    Thanks

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  3. zeaks
    Member
    Posted 1 year ago #

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

  4. zeaks
    Member
    Posted 1 year ago #

    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;
  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

  6. zeaks
    Member
    Posted 1 year ago #

    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.

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  8. zeaks
    Member
    Posted 1 year ago #

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

  9. aplusr
    Member
    Posted 1 year ago #

    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.

    Thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.