Background Wrap – Full Width

[PrintsCharming]

Hello,

I'm looking to make my background wrap image on the home page (evententually interior pages) a full width. I'm using the crystal theme and as of right now it cuts off an uses a repeat on each side. How would I make my background Image fill the full width of the page? Please advise, any help is useful. Thanks!

http://www.printscharminginc.com/GandG/

[WisdmLabs]

Hi,
Below are the CSS changes you will need to do:

#wrap{
     background: url(images/bg-center.jpg) repeat-x center top;
     width: 100%;
     margin: 0 auto;
} 

#inner {
    margin: 20px auto;
}

#header {
     margin: 0 auto;
}

#footer {
    margin: 0 auto;
}

If you want to do this only for homepage, then just add '.home' in your selectors.
Example: '.home #inner { }'

---

http://wisdmlabs.com/

[Author]

Posts