How To Make Body Background Image/ Solid Color

[Tangeray]

Hi Bill,

For some reason the entire theme reset and even lost the slides. Images remain on server, but have to be re-uploaded to be inserted. Strange. The theme version needed to be updated as well.

Also, the background image (or plain color I had for the body disappeared. How can I put a background image in the body of every page? How about a solid color?

I believe you helped me before, but I can’t find the info. Could you give me the sample code and tell me where to put it?

Thank you!

[Bill Robbins]

Hi Robert,

No fun losing your customizations I know. You can find all the topics that you’ve started in the forum at https://support.organizedthemes.com/forums/users/tangeray/topics/ . If you’ll click on a forum topic in that list it’ll bring you to that topic and its replies. That’s one of the many reasons why I encourage using the forum for support instead of email. It’s much easier to track down questions and their answers.

Take care,
Bill

[Tangeray]

Hi Bill,

Thanks, but I already checked and didn’t see the thread there. I like to use the forum too and search prior to asking my questions.

Could you please explain how to make a body background a solid color?

I believe it is under theme options>>Styling>>Custom CSS

Thank you,

Robert

[Bill Robbins]

Hi Robert,

I pulled this from another post. It might be able to help you here:

1. In your WordPress dashboard click on the Appearance section and choose Theme Options.
2. From the tabs at the top, choose the Styling one.
3. Scroll down to the Custom CSS box and add this:

   
   #wrap {
   	background-color: #fff;
   }
   
   @media only screen and (min-width: 1024px) {
   
   	#wrap {
   		width: 1020px;
   		padding-left: 30px;
   		padding-right: 30px;
   	}
   
   }
   
   @media only screen and (min-width: 768px) and (max-width: 1023px) {
   	
   	#wrap { 
   		width: 760px;
   		padding-left: 10px;
   		padding-right: 10px;
   	}
   
   }
   
   @media only screen and (max-width: 767px) {
   
   	#wrap {
   		width: 100%;
   		padding-left: 5%;
   		padding-right: 5%;
   	}	
   	
   }
   

4. Save your changes.

Take care,
Bill

[Tangeray]

Thanks Bill – that works but for the whole site. How can I put the background in just the body (under the nav and aside from widgets)?

[Bill Robbins]

Sorry for misunderstanding there. If you want it just in the content area, you would use this in your Custom CSS:

#content { background-color: #fff; padding: 30px;}

See how that works for you.

[Tangeray]

Thanks Bill – works like a charm.

[Author]

Posts