Background image in content area

[Scott Hannaman]

Using a background image in the content area. Is there a way to insert a background image in the content area on this theme. Because the background color is not part of the style sheet I am uncertain how to revise the code to insert a background image. My customer wants the menu to look like it is printed on parchment. Thanks

Scott

[Bill Robbins]

Scott,

Thank you for your business first of all. You can change the background color of the content area. Here’s how to do that:

1. Go to the Media section of your WordPress control panel and select “Add New.”
2. Upload the image you’d like to use as your background image here.
3. WordPress will give you the URL to that image once the upload is complete. Copy that URL.
4. Now go to the theme options page and select the “styling” tab.
5. Scroll down to the bottom until you see a box for “Custom CSS” and add this to it:

   
   #wrap {
   	background-image: url(https://yoursite.com/image.jpg);
   	background-repeat: repeat;
   	background-position: center top;
   }
   

6. Replace the http://yoursite.com/image.jpg with the URL to your background image.
7. Save your changes.

That will add an image background to the main content area of the theme. If you’d rather edit the style.css file directly, you can do that too. The style you want to adjust is this one:

#wrap { 
	width: 960px;
	margin: 30px auto;
	position: relative;
	background-color: #fff;
	-webkit-box-shadow: 0px 1px 10px #000;
	-moz-box-shadow: 0px 1px 10px #000;
	box-shadow: 0px 1px 10px #000;
}

which starts on line 136.

If you have any questions or trouble, please feel free to ask.

Enjoy your weekend,
Bill

[Author]

Posts