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 2 years, 6 months ago.

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


    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;




    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.



    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?



    What was your intended purpose for the gray area?



    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



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



    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.