Adding background image

[robbin21973]

I am modifying a new template from zenflavor, premium8a and I want to add a background image to repeat that fills in the sides no matter how wide someone's screen is. I hope this makes sense, I am not an expert and do not want to mess things up. If you look at my site, you will see sections of color, I want those to remain.

My site is polishpotterystore.com/shopping

Thank you.

[kobra]

Add it in the stylesheet.css file for the template in the body tag

[gjh42]

In your stylesheet, find at the top

body {
color:#3d4041;
font: 12px arial, sans-serif;
background-color:#f5f5f5;
margin:15px 15px 15px 15px;
/*
background-image: url("../images/bodybg1.gif");
background-repeat: repeat-x; 
*/

}

With the background-image commented out, you will not get anything; but when I go to [yoursite]/includes/templates/premium8a/images/bodybg1.gif
I get "403 Forbidden". Your customers can't see a background image if access to it is forbidden.

[robbin21973]

I see that background image but I didn't put that there, it came with the theme. I have uploaded my background pic and changed it in the css but it does not show. The image is background.jpg (is .gif better for backgrounds?)

[robbin21973]

Ok, I got it to show up mostly where I want it to with the exception of the left side boxes. Can I make those boxes transparent so that background shows through?

[gjh42]

If you make the sideboxes transparent, the #mainWrapper blue background will show through. You have to make #mainWrapper transparent, and then make the areas you want solid blue have their own background-color.