- Select your background image URL and either right-click and <Copy> or press CTRL-C.
- Navigate back to your CSS stylesheet and locate your background line of code.
- Paste your background URL where you it saysYour Image URL Here. Make sure to keep the quotation marks. Your new background line of code should look like the following:
- After you are done, scroll down and click the blue button that says Update File:
- Now take a look at your site in your browser:
- Your background image is now appearing on your website.
NEXT PAGE: In the next page, I will show you how to add code to your background that will make your background image less obtrusive so it does not block your text. You will learn how to tell the program to not repeat the image and only have one image on the upper right hand side.
Join the Discussion
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. ;))
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
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. ;))
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
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
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
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
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
Fab training as always. Olive
stephhill
Premium Plus
Great. I will do that then - add your website as an example of a background image.
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.
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
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
stephhill
Premium Plus
CSS stands for Cascading Style Sheets. I have another training that covers CSS here: Learn the Basics of CSS
