For Most WordPress themes, you can add a background image by following the steps below:

  • Login to your WordPress Dashboard
  • Navigate to Appearance > Background

  • Once you click on Background, you will be directed to a screen similar to this:

  • Notice the yellow highlighted text - Background Image.
  • Buttons underneath allow you to Remove or Change the Image
  • You also have the option to create certain affects with your background image such as tile it, horizontal or vertical tile, position it to the right or left and have it be a fixed or scrolling image:

NOTE: Depending on the size of your image, you may not see any differences with the position, repeating affect, or scrolling vs. fixed image.


Most themes have the option to easily add a background image, but some themes do not. An example of such a theme is the Omega theme. Next page will walk you through how to add a background image using the CSS editor in your WordPress Dashboard.



Join the Discussion
Write something…
Recent messages
LouieLuc Premium
Nice training, Step! Well done. :)
Reply
stephhill Premium Plus
Thank you Louie. How have you been?
Reply
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. ;))
Reply
olivingstone Premium
Hi Jewel, I just had a look at your site and it looks great without a back ground image. You have a large banner image at the top of the screen so it makes a nice feature. I felt that mine needed a background image due to my niche and because I don't have a banner. You can see it here http://chiccolleen.com/ Olive
Reply
JewelCarol Premium
Hey, Olive, you have a beautiful site, I like it. ;)) You are right, yes, a background image will certainly suit yr very nice niche. Thanks so much for yr kind advice. ;))
Reply
stephhill Premium Plus
Hi Jewel:

No, the background image has nothing to do with SEO rankings. A background image is just a way to add a look-and-feel to your website. It comes down to what you personally thinks looks appealing to your audience.

Thank you Jewel for once again checking out my training. Have a wonderful day!

Steph
Reply
stephhill Premium Plus
Hi Olive:

I went to your website and it looks awesome. I agree with you - it has to do with niche and a branding for your website. I love your logo. Did you design it yourself? I sometimes struggle with how to wear make-up properly, so I am going to be spending more time on your website. :)

Thank you Olive for showing what a website with an awesome background image looks like. Can I perhaps use your website as an example in my training here? I was using test sites I created, but if I had actual members websites to use as an example, that would be awesome. Let me know.

Steph
Reply
olivingstone Premium
Wow Steph, thanks for your positive feedback!! Of course you can use it in training. A family friend designed my logo for a €40. I like it and I use the lady for my favicon so it worked out well. Thanks again and I am no good with make-up either!!
Fab training as always. Olive
Reply
olivingstone Premium
Ah thanks Jewel!!
Reply
stephhill Premium Plus
Great. I will do that then - add your website as an example of a background image.
Reply
olivingstone Premium
Kyle does not recommend people use background images as they can slow down the load time but sometimes you gotta do what you gotta do. Also, I use an image optimizer plugin.
Reply
stephhill Premium Plus
Ho Olive:

I know. I saw that Kyle does not recommend background images. He has a a great point about the load time and possibly slowing it down. But, I agree with you - we need to decide what is best for our niche and website. You also need to think about the aesthetically appealing way in which some niches really need to offer something else to draw them in. And like you said, an image optimizer plug-in helps too.

Steph
Reply
izan5932 Premium
Hi steph...just to find out the meaning of CSS and want to google it . Luckily you mentioned here. Thank you..hope you will always in good luck in future.
Reply
stephhill Premium Plus
CSS stands for Cascading Style Sheets. I have another training that covers CSS here:
Reply
ShazzN Premium
Hi Steph,

Hope you are well. Thank you for the training...I save all your training for future reference. Take care and have a wonderful day
Reply
stephhill Premium Plus
You are most welcome Sharon. Glad to hear my training is useful to you. Let me know if you have any questions at all.
Reply
ShazzN Premium
Most definitely.
Reply
AlexEvans Premium Plus
Hi Steph
Think I can use this one , thanks for sharing . Going to give it a good go.
Alexander
Reply
stephhill Premium Plus
You are most welcome Alexander. I am glad it is useful.
Reply
Top