White border around header

Community Forums Forums Design Tips and Tricks White border around header

This topic is: not resolved

Tagged: , ,

This topic contains 6 replies, has 2 voices, and was last updated by  Rita 1 year, 6 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #42217

    Rita
    Participant
    Post count: 89

    I’m using Balance theme

    Working on this site: http://lsj.yippymomma.com/

    I’m trying to do the following to the header:

    • Get rid of the white frame around the gray header box
    • Keep the gray box full width
    • Make the bottom border 966px not full width

    This is my header code. I tried to add a width to the bottom width which isn’t doing anything

    #header {
    border-top: 60px solid #B8B8B8;
    border-bottom: 1px solid #DDDDDD;
    border-bottom-width: 966px
    margin: 0 auto;
    min-height: 135px;
    overflow: hidden;
    width: 100%;
    }

    For the white frame, I’m not sure what code I should be hitting. I’ve looked in firefox and it’s saying the #wrap, but I’ve checked the wrap and made that “0”, but that didn’t do anything.

    #wrap {
    margin: 0 auto 10px;
    }

     

    #42222

    AC
    Blocked
    Post count: 7712

    That gray color is actually the top-border to the Header. The header is below the Gray border so there isn’t a way to keep that.

    For the gray widget area, you will need to move that back in to the #Inner to resize it to 966.

    #42253

    Rita
    Participant
    Post count: 89

    Hi Anita.

    I added the gray border to the #header area in the code above: border-top: 60px solid #B8B8B8;

    Would it have been better to add an actual widget?

    #42257

    AC
    Blocked
    Post count: 7712

    What was your intended purpose for the gray area?

    #42347

    Rita
    Participant
    Post count: 89

    I’m helping someone setup a WP blog to look like┬átheir shopify shop. In their shop, their template has a gray bar at the top where their shopping cart icon and a search box appears. http://www.laurenstjulian.com

    #42356

    AC
    Blocked
    Post count: 7712

    You can use one of the other other nav bars to do that or add a widget area up there.

    #43362

    Rita
    Participant
    Post count: 89

    Hadn’t thought of that. Will give that a try. Thanks!

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.