[resolved] Twenty Eleven Child Theme Navigation Bar Color Issues (6 posts)

  1. r i
    Posted 3 years ago #

    I'm using a Twenty Eleven Child Theme for my site http://www.rashelleisip.com.

    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!

  2. Brad Davis
    Posted 3 years ago #

    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+ */
  3. r i
    Posted 3 years ago #

    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!

  4. Brad Davis
    Posted 3 years ago #

    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. =)

  5. r i
    Posted 3 years ago #

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

  6. Brad Davis
    Posted 3 years ago #

    You're welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic