WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] twenty eleven: Custom Menu color change failing (6 posts)

  1. peteraloha
    Member
    Posted 1 year ago #

  2. Paul Clark
    Member
    Posted 1 year ago #

    Your first background declaration:

    background: #110976; /* Show a solid color for older browsers */

    is being overridden by your later background declarations:

    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);

    The first one is blue, but all the others are gradients from gray to darker gray. In all browsers that understand gradients, the later declarations take precedence. Because Internet Explorer is the only browser you tested that doesn't understand gradients, it is the only one that displayed blue.

    Either remove the gradient declarations or change them to blue.

  3. peteraloha
    Member
    Posted 1 year ago #

    THANKS, pd!

    Excuse my ignorance, how much of the code block I have entered on my child theme would I remove: The 6 lines starting with "background"?
    Is there an easy way to state what a linear gradient declaration does? (very basic explanation?)

  4. peteraloha
    Member
    Posted 1 year ago #

    btw, removed the background linear gradient declarations, and BINGO!............your comment has met their educational goal!

  5. Paul Clark
    Member
    Posted 1 year ago #

    Glad that worked for you. In answer to your question, gradient declarations create gradual changes from one color to another. It's very subtle in TwentyEleven, so the effect is difficult to see. If you click on some of the examples (the square boxes of colors) at http://www.colorzilla.com/gradient-editor/ , what the effect does should be more clear.

  6. peteraloha
    Member
    Posted 1 year ago #

    Yes, followed the link you posted and got it now. THANKS for your great help!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.