background image for Balance

[jlph]

I'd like to add an image for the background of Balance. I believe this is the code I need to use, but where should I add it in the css? This will make it so the image shows around the edges and under the nav menu with white behind the actual content in the post feed below the header, correct? Thanks!

body {
background-color: your image;
}

#inner {
margin: 0 auto;
overflow: hidden;
width: 960px;
background-color: #fff;
}

[emasai]

Wherever you add the image,

background-color: your image;

is for the background color only as it specifies. Use

background: url(images/yourimagehere.jpg) no-repeat;
The image will tile automatically unless you add the no-repeat.

Try it in both tags and you will see which one suits you best.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[jlph]

Thanks! I decided I want the background image to appear underneath all the text and widget areas as well so I removed the code about the #inner. I would also like the background image to appear under the top of the header image/menu (so the menu items do not have a white background. What code can I add for that to happen? My header image file base layer is transparent so it should show through, correct?

Thanks!

[emasai]

Theoretically yes if your image is a .png. You only needed to remove the background-color: #FFF; from #inner.

A link to your site would be helpful if you require further advice.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Author]

Posts