WordPress Tutorial: How To Change A WordPress Theme's Background Image

http://WelcomeToWP.com

Changing the background image or color of your WordPress theme can be one of the best ways to make your blog unique.

In this tutorial, you'll learn how to change your background to a solid color, a repeating pattern, or a single image that covers the entire screen.

For more WordPress blogging and customization tutorials, visit http://WelcomeToWP.com

Category:

Howto & Style

Tags:

• WordPress
• Theme customization
• change WordPress background
• CSS

[MikeS3334]

this is incredibly helpful - thank you very much. What I can't work out, though, is how to put to use an absolute URL for the background image (I can't access the folder with the original jpg). I try it with a single quote and without, but somehow it always just defaults to the colour. I'm probably doing something wrong but what that is.......

[LynneAndChad]

@MikeS3334 Glad the video was helpful! It shouldn't actually matter if you're using a single or a double quote, so my guess is a simple syntax error, but it's hard to say what that might be, especially if it is picking up the color you've specified. I could take a look at your source code for you if you post your domain name :)

[WordofMobile]

this is a great video, easy to understand and good pace. do you have a video on how to change the transparency of the middle column, where the text is?

my background picture is showing and making it hard to read the text. thanks!

[LynneAndChad]

@WordofMobile Glad you liked this video! I don't have a tutorial for exactly what you mentioned, but the transparency you're seeing will be controlled on your css stylesheet.

You can use FireBug to discover exactly what element needs changing and remove the opacity variable completely to make the panel opaque. Check out the Firebug post under the "WordPress How-To" section of my blog for more tips there.

I do offer one-on-one training if you'd like more help learning how to fix this :)

[DarkAssassin2097]

Hi im using the zindi-II them and i want to ad my own image on the left side of the backround.Is that possible or not.

PLEAS HELP!!!

[LynneAndChad]

@DarkAssassin2097 well, the short answer is "yes" :) you can add an image to any theme, it's just a matter of adapting the layout around it.

I looked at your theme, and assuming you want to add your image to the left of your post content, all you'd need to do is replace the 'background' property of the body in your CSS.

You can always use the contact form on my blog if you want to set up a coaching session and I can walk you through it :)

[divineIproject]

Nice tutorial to follow.

We are creating WordPress tutorials ourselves.

Would you be interested in video answer?

If so, we would be glad to give you one.

[LynnStrauch]

Thanks. I have a question.

If I add a comment to someones blog, how do I add a background color or image to my comments? Do you know, or anyone else know? Thanks.

[chrisbitz]

This was really interesting and well presented! Many thanks! I wish you'd shown it as part of a child theme modification, as I expect the next update of the theme will overwrite those changes?

[MikeS3334]

many thanks for that - all is now well! i really appreciate you taking the time to make that video

[dxwallace55]

very good teacher, good plain language explanations for a Newbie like me