Recent Posts

prev next

Tuesday, February 16, 2010

How to Change Background color & image in blog template

Posted on 3:58 PM by Mohamed Omar

I will show you how to change the background color of your template; as all of people want to change it but they cant :(

In the Dashboard go to Layout -> Edit Html and do the following:

  • If you want to change the background color of your template, you have to find body { and change the the red text to the required color:
body {
background-color: #0c0c0c;

  • If you want to change the background color of your sidebar only then find the following code and change the red text to your required color:
#sidebar-wrapper {
background-color:#B38481;

PLEASE, Continue Reading it's very interesting



  • If you want to change the background color of main post column only then find the following code and change the red text to your required color:
#main-wrapper {
background-color:#B38481;

  • If you want to change background image of your template then insert this code and change the URL Image to the image link you want:

body {
background-image: url(URL address of your image);


  • If you want to change the background image of the sidebar then insert this code under body { code that we talked about and change the URL Image to the image link you want:

#sidebar-wrapper {
background-image: url(URL address of your image);


  • If you want to change the background image of the post main column then insert this code under body { code that we talked about and change the URL Image to the image link you want:

#main-wrapper {
background-image: url(URL address of your image);


Subscribe in a reader


No Response to "How to Change Background color & image in blog template"

Leave A Reply