asked on

Help with background image, and content area. Wordpress Template.

Could somebody help me with some CSS troubles i am having.

I am creating a wordpress site, and want to have a background image on the site. I have managed to get this into my theme, but it does not go the full height of the browser. It stops at the content area.

I want the background image to be the full page, so you will see it at the side of the pages all the way down past the footer.

The main content area i want to have a white background, but with the bg image along the sides , but it is displaying the full width of my browser.

here is a link to my website, and mockup screen shot as to what i am trying to achieve.

website

mockup screenshot

jeremyjared74

I was able to get it to work, but it will depend on the size of the browser that is being used. You can add the image to the html like this:
html {
background: url(images/bg.jpg);
background-repeat: no-repeat;
}
the image must be as large as the actual monitor or else it will not display full screen.

ASKER CERTIFIED SOLUTION

Gurvinder Pal Singh

membership

Create a free account to see this answer

Signing up is free and takes 30 seconds. No credit card required.

See answer

jeremyjared74

gurvinder372:

That is one of my favorite CSS sites, Chris Coyier is pretty good. I've actually tested that, and it does work, but I had to re-format the theme to pull it off.

SOLUTION

remorina

membership

Create a free account to see this answer

Signing up is free and takes 30 seconds. No credit card required.

See answer

Jon Imms

ASKER

I tried your solution remorina, and the solution on css-tricks, and they both work great. Thank you so much.