Skip to:
Content
Pages
Categories
Search
Top
Bottom

Changing header to full width


  • roclimb
    Participant

    @roclimb

    With default theme, Is there a way to change the css to make the header full width across the browser. Like margin auto in default.css?
    Also, Will it cause any issues with buddypress if I make a full width header?

Viewing 2 replies - 1 through 2 (of 2 total)

  • roclimb
    Participant

    @roclimb

    Seriously??? No one can help here?


    valuser
    Participant

    @valuser

    Just might be of some help, though please note I am not a coder .

    On a local site I have an image (2px by 162px) full width across a Buddypress Default Child theme.

    I have a menu in the top 37px as I have disabled the bp admin bar.

    the code i came up with is as follows.

    `body {

    background-color: #eaeaea;

    background-image: url(images/headpixf.png );

    background-repeat: repeat-x;

    background-position: top center;

    color: #555;

    font-size: 12px;

    font-family: Arial, Tahoma, Verdana, sans-serif;

    line-height: 170%;

    margin: 0 auto;

    max-width: auto;

    width: 100%;

    }

    #header {

    background: transparent;

    -moz-border-radius-bottomleft: 10px;

    -webkit-border-bottom-left-radius: 10px;

    border-bottom-left-radius: 10px;

    -moz-border-radius-bottomright: 10px;

    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-radius-bottomleft: 10px;
    -khtml-border-radius-bottomright: 10px;

    border-bottom-right-radius: 10px;

    color: #fff;

    -moz-box-shadow: 0 0px 5px transparent;

    -webkit-box-shadow: 0 0px 5px transparent;

    height: 37px;

    padding-top: 25px;

    position: relative;

    z-index: 1000;

    width: 1000px;

    margin: 0 auto 90px;

    }`

    Good luck!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing header to full width’ is closed to new replies.
Skip to toolbar