Support » Themes and Templates » Twenty Eleven Child Theme Navigation Bar Color Issues

  • Resolved r i


    I’m using a Twenty Eleven Child Theme for my site

    I’m having trouble with the following modifications in my CSS style sheet:

    – I modified the navigation bar underneath my header so that it is transparent/clear (versus the original black navigation bar that comes with the Twenty Elven Theme) and

    – Made a modification to the navigation page buttons so that they appear only as text.

    My site looks fine when I use Firefox, but when I check my site using Safari, the black navigation bar appears and the thing looks downright ugly!

    Can someone please help me figure out what I’m doing incorrectly in the CSS and how to change it? I’ve used Firebug to check the code, but can’t seem to figure out what it is that I’m doing wrong.

    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The problem is in ie as well. You can get Firebug for Safari and ie also have their own Firebug like tool (in ie press f12) to help figure these bugs out.

    try adding the follow to your #access in your css file

    #access {
    background-color: #FFFFFF;
       background-image: none;
       background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
       background-image:    -moz-linear-gradient(top, #FFFFFF, #FFFFFF); /* Firefox 3.6+ */
       background-image:     -ms-linear-gradient(top, #FFFFFF, #FFFFFF); /* IE 10+ */
       background-image:      -o-linear-gradient(top, #FFFFFF, #FFFFFF); /* Opera 11.10+ */

    r i


    The code you gave me worked like a charm! The black bar is gone. I’ll use Firebug and the Safari equivalent to make further tweaks to the navigation bar in future.

    One question about the code you gave me: do I have to keep updating the background image info for each browser the next time there’s a new browser release?

    Thanks again!

    Happy to hear it worked for you. I doubt you will need to update the code for a long time, each version targets a different browser deal with the way they handle things. Hopefully if anything we will be able to use less code in the future, but that would be a perfect world. =)

    r i


    Ok, that makes sense re: code for browsers. Thank you again for your help!

    You’re welcome.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Twenty Eleven Child Theme Navigation Bar Color Issues’ is closed to new replies.