How To Use An Image For Your WordPress Theme Background

Festive season is around the corner and I thought it would be a good idea to usher in the mood a little bit early this year. For those who are into Internet marketing, this is the season for selling. The buying mood has started and I am already seeing an increase in sales with my affiliate products since last month. To make things a little merrier amidst all the gloom in the economy, I have added a Christmas image to the background of my Theme here.

To ad an image to your WordPress Theme is as easy as it can be. Just go look for an image around the size of approximately 1600 x 1050 px. You will find lots of it in sites offering free desktop wallpapers. That’s my preference as it will fit most computer screens. Can be smaller or even bigger, it’s up to you. The idea is to have the images on either side of your contents and not hidden behind. It might take some adjustments to get it right. Those with ’slimmer’ content areas will have an easier time.

When you are satisfied with your image, upload it to your Theme’s image folder. Go to your Theme editor and open up your stylesheet. In most Theme, the first line of codes will be the one that declares all core layout. Look for ‘body’ or something similar. Inside the curly brackets you will see ‘background: #xxxxxxx’ (x=color codes) immediately after the color codes add in your image url like this: background:#xxxxxxxx url (images/yourimagefile) no-repeat;

As an example, mine looks like this:
body { background: #66070D url(images/xmas.jpg) no-repeat; color:#555354; font: 60% 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }

One thing to take note, make your background color as close as possible to that of your image so it can blend in. Use a color picker to determine the color of the image’s very edge so you get a almost similar color. Have fun!

Related posts:

1. Changing Background Color For Your WordPress Theme There are two backgrounds in a WordPress Theme. One is the overall background. If you have a fixed width theme, the color surrounding the contents is the overall background. The other is the content background. That is the background color that you see in your contents area. Changing the overall...
2. How To Create A Beautiful Background For Your WordPress Post Now this is purely for pleasure only, but maybe on some occasions it could be useful. Having a beautiful background for certain post will bring out the mood for in your reader if you are targeting certain issues or maybe writing something romantic. For example if you are writing...
3. How To Add Colors To Your Theme Sidebar There are times when you would like to add some color to your WordPress Theme’s sidebar to make it more unique, especially if you are using a free Theme which many others are using. There are a few ways to go about adding colors to your sidebars. Read more...
4. How To Make Rounded Corners For Your WordPress Theme A very popular method to make rounded corners for our WordPress Themes is a workaround by using images. It will be quite lengthy to discuss this method here as it will involve discussing about Photoshop and all. Maybe when I find the time, I’ll do a screencast on how to...
5. How To Identify The Color Codes In Your WordPress Theme The colors of a Wordpress Theme are the most changed part when anyone is customizing a Theme. Just a simple color difference can make your blogs theme look a lot different from others who are using the same Theme. It is the second best way to make your Theme...

Tagged as: Cascading Style Sheets, WordPress Templates, WordPress Theme Modification, Wordpress Themes