Archive for the 'Theme Hints & Tips' Category

Theme Modification: Adding a Background Image

It’s easy to add a background image to your theme. Upload a background image named bg.jpg to your theme folder. For example if you are using the theme layout-3-both upload image to themes/layout-3-both/images.

Open up the styles.css file from the themes folder in a text editor.

Find the lines

body#background {

background-color: #dddddd;

}
change this to

body#background {background:url(’images/bg.jpg’) ;

background-color: #dddddd;

}

You should also change the background colour to a colour suitable to your theme.

You can find hundreds of free background images at GRsites

Pick a colour from RGB Hex Triplet Color Chart




Close
E-mail It