[resolved] Editing box shadown on nav bar Twenty Eleven (3 posts)

  1. Sarah Cairncross
    Posted 2 years ago #

    I've installed a child theme and have been playing around with Twenty Eleven for a new site. I found instructions and managed to change the colour of the nav bar and center it. The box shadow line below the nav bar is great but what I'm trying to achieve is a thin grey line above and below the navigation.

    So... do I remove the box shadow completely and put in code to create horizontal lines above and below the nav bar? (How do I do this?)

    Or.. can I edit the box shadow so the lines at either end are gone and there is a mirror of the shadow that is below, above the nav bar?

    The site is http://chloecairncross.com

    Thanks for your help!

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Try changing the #access code in your child theme to this:

    #access {
        background: none repeat scroll 0 0 white;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        box-shadow: none;
        line-height: 0;
        text-align: center;

    Change the color and width of the borders as you like.

  3. Sarah Cairncross
    Posted 2 years ago #

    WPyogi you are a STAR!!!! Thank you :D

Topic Closed

This topic has been closed to new replies.

About this Topic