If you have a theme that does not have an easy way to add a background image, you will be adding your image via CSS (Cascading Style Sheets):
- Go to your Appearance > Editor selection:
- You will see the following CSS code:
- To make sure you are in the right place, under the Templates section on the right-hand side, scroll down to make sure Stylesheet (style.css) is highlighted in blue as shown above.
- Scroll down to until you see the body { .... } section as shown below:
- Locate the line of code for Background. It will be on or near the bottom of the Body {...} section. See yellow highlighted area below:
- This is the line of code you will be modifying to include your background image.
- The template for the code will be as follows:
background: #ffffff url("Your Image URL Here");
- In place of Your Image URL you will enter the URL for your background image.
- Copy and Paste the above template for the code into your CSS stylesheet.
- The background line of code should look like:
- Scroll down and click on the blue button that says Update File:
NEXT PAGE: On the next page, I will show how where to find your background image URL and copy and paste it into the background line of code replacing Your Image URL Here.
Join the Discussion
Write something…
JewelCarol
Premium
Awesome, Steph, thank you. May I ask, what is the reason why people would want to add background image, does it affect the seo aspect of it. I ask because I do have thoughts to change the background. ;))