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

  1. peteraloha
    Posted 3 years ago #

  2. Paul Clark
    Posted 3 years 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
    Posted 3 years 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
    Posted 3 years ago #

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

  5. Paul Clark
    Posted 3 years 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
    Posted 3 years 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


No tags yet.