By CandiceJarrett on

I'm altering the template I chose to make it fit into my website design... but it won't let me add a repeating background to the body? It will let me add it to the header, but I need to add it to the body so it can extend down underneath the content modules.

here's the tag I'm using:

body {
margin: 0;
padding: 0;
background:#271813;
font: 12px/170% Verdana;
color: #ebe2ba;
background-image: url(images/test/bg.jpg) repeat-x 50% 100%;
}

here's a link to the screenshot of the design: http://i83.photobucket.com/albums/j303/candicejarrett/PREVIEW_4.jpg

here's a link to my testbed so you can see the problem: http://candicejarrett.net

Does anyone know how to add a background image to the body tag?

Thank you so much for taking the time to read this!

Cheers,

Candice

Comments

deciphered’s picture

deciphered
Primary language English
Location Ballarat, Victoria, Australia
commented

OK, what you want to do is this:

Change you Body Style to:

body {
margin: 0;
padding: 0;
background: #271813 url(images/test/bg.jpg) repeat-x scroll;
font: 12px/170% Verdana;
color: #ebe2ba;
}

change your header-region background style to:

background: transparent url(images/test/testing_header.jpg) no-repeat scroll 50% 100%;

and remove the wrapper background style completely.

zeta ζ’s picture

zeta ζ commented 
#header-region {     style.css (line 270)
  background: transparent url(images/test/testing_header.jpg) no-repeat scroll 50% 100%;
}
#wrapper {     style.css (line 315)
  background: transparent none repeat-x scroll 0 0;
}
body {
  background: #271813 url(images/test/bg.jpg) repeat-x 0 0;
}
zeta ζ’s picture

zeta ζ commented 
  background: #271813 url(images/test/bg.jpg) repeat-x fixed 0 0;
}
CandiceJarrett’s picture

CandiceJarrett commented

Thank you so much!!!!! I really appreciate you taking the time to answer my question!!!!!!!! I'll post again and let you know how it turned out. Thanks again!!!!!

Candice