Background Image instead of single color over the entire Website
Hi,
first: please excuse my poor english...
Here comes a easy "How-to" if you want to change the background of you classipress website.
Lets say, we want our background to show a wall with bridges. First what we do is, we find a small texture of that wall. To find them, use google and search for background textures or just visit this site:
http://www.grsites.com/archive/textures/ they offer a lot of them for free.
For this tutorial we choose this little guy:
brick007.jpg Our goal is, to repeat him over the whole website. Its better to use a small image instead of a big wallpaper because of the loading time.
Now we must do some simple changes. Before we start, please make a backup from your
/wp-content/themes/classipress/style.css and from
/wp-content/themes/classipress/functions.php
Ok, lets start:
Open your style.css and find the following code (near line 197):
.content{ margin:0; padding:0; background:url(images/content_topbg.gif) repeat-x top; border-top:2px solid #efefef;}
.content_botbg { margin:0; padding:0; background:url(images/content_botbg.gif) repeat-x bottom; background-color:#EFEFEF; border-bottom:2px solid #efefef; min-height: 600px;}
replace with:
/* .content{ margin:0; padding:0; background:url(images/content_topbg.gif) repeat-x top; border-top:2px solid #efefef;} */
/* .content_botbg { margin:0; padding:0; background:url(images/content_botbg.gif) repeat-x bottom; background-color:#EFEFEF; border-bottom:2px solid #efefef; min-height: 600px;} */
Its nothing special, we just comment them out.
now save your style.css
___________________________________
Open your /
wp-content/themes/classipress/functions.php and ad the following code at the end of the file:
PHP Code:
add_custom_background();
save your functions.php
____________________________________
With this code we added a new menu in your admin dashboard. You will find it under appearances/background. See the screenshot:
[CENTER]
background-admin.jpg[/CENTER]
From there, you can now easy upload any image from your computer. In our tutorial we choose the bricks from above. Set the settings like shown on the following pic:
[CENTER]
background-admin2.jpg [/CENTER]
Leave the background field as it is, because we dont need it. Save the changes an take a look at your site. You may have to reload the site 2-3 time or empty your browser cache.
Now you can change the background whenever you like in the admin area. Just upload another image there.
I hope this tutorial helps to customize your site better. If you face problems, please post here.
Thanks for reading
1Likes
Reply With Quote
You must be an AppThemes customer and logged in to view this response. 
