1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.3 How to align background of header

Discussion in 'Styling and Customization Questions' started by avalon-ua, Jun 22, 2014.

  1. avalon-ua

    avalon-ua Active Member

    How to align background of header as it is shown on a picture where blue background is on the same vertical line as the main forum....

    upload_2014-6-23_1-56-51.png
     
  2. vishall

    vishall Active Member

    Code:
    #logoBlock .pageWidth .pageContent { background-color: #000; }
    Place that in the extra.css :)
     
    avalon-ua likes this.
  3. avalon-ua

    avalon-ua Active Member

    thank you!
     
  4. avalon-ua

    avalon-ua Active Member

    sadly doesn't work... it changed only colour of header to black
     
  5. vishall

    vishall Active Member

    Hmm that's strange, i use the same code on my site and it works :/

    I copied this directly from my extra.css, i hope it works for you :)
    Code:
    #logoBlock .pageWidth .pageContent { background-color: #fcfcff; }
     
    avalon-ua likes this.
  6. avalon-ua

    avalon-ua Active Member

    Now it changed colour to white but left and right sides left unhangable

    upload_2014-6-23_22-58-15.png
     
  7. vishall

    vishall Active Member

    Hmm, i think @Russ should be able to help you out here, he give me the exact code what i posted above and it worked on my site.
    @Russ , can you help @avalon-ua out here?
     
    avalon-ua likes this.
  8. Russ

    Russ Well-Known Member

    Ill take a look when i get home for ya.
     
    avalon-ua likes this.
  9. Russ

    Russ Well-Known Member

    So to remove the grey -> Style Properties -> Header and Navigation -> Header -> Remove the background there

    If you want a background that spans 100% of just where the logo is from the left of the page to the right:

    Code:
    #logoBlock
    {
    background-color: #FFF;
    }
    
     
    vishall and avalon-ua like this.
  10. avalon-ua

    avalon-ua Active Member

    vishall likes this.

Share This Page