How to add background only on left/right sides in responsive theme

Highlighted
New Member
4 0 0

I'm using the responsive theme. I've got an image set as my background, but I only want it showing up on the left and right sides of my site where there's no content. I want the center of all the pages to be white. My site is everbloomingoriginal.com.

 

I added the background image to the whole page then tried adding this to my CSS:

.container {
	background-color: #fff; 
}

This got me what I wanted, except it also added a white background behind the text in my banner & the text in my pink footer.

 

So currently I just have this in my CSS:

.container.content {
	background-color: #fff; 
}

This helped a little by getting the white behind my logo and the navigation, but the background is still showing everywhere else.

 

Any ideas?

0 Likes