Adding Page Background Color or Image

Question:

How can I change the website body from the default to a different color or add an image?

 

Answer:

1) Log in to your WordPress Dashboard.
2) Go to “Appearance” -> “SmallBiz Options”
3) Expand the “Header, Menu and Background” section
4) Look for the “Page and Body Background Color/Image” box and use the color picker.

page color picker

 

 

Optional: Removing the grey shadow graphic found above the Feature Box

grey-line-feature

1) Log into your WordPress Dashboard
2) Go to “Appearance” -> “Editor”
3) A file called “style.css should load by default – if not select it from the file list on the right.
4) Add the following:
#featured {background: none;}

You can also add a solid line to replace the graphic.
Add the following:
#featured {background: none; border-top:solid 5px #000000}

 

Advanced Customization – For Advanced WordPress Users:

Option1 – Not having a page background color at all – the body background will show through

Reference this site for how it looks if you remove the background color: http://www.dentist2web.com/
1) Log into your WordPress Dashboard
2) Go to “Appearance” -> “Editor”
3) Select “Header” (header.php) from the file list on the right.
4) Locate:

5) Replace with:
#page{background:none;}

 

Option2 – Using an Image as page background

1) Log into your WordPress Dashboard
2) Upload an image using “Media” -> “Add New”
3) Copy the image URL
4) Go to “Appearance” -> “Editor”
5) Select “Header” (header.php) from the file list on the right.
6) Locate:

7) Replace with:
#page {background-image:url(‘YOUR_IMAGE_URL’);}

back to topics list