How to add background in thesis theme.

As, you have seen i have just made lot of change in my thesis theme to make it more attractive than before. I think that you also want to do it and need some tutorial. For those, who are not using thesis theme, should start to use. It is more way better than regular wordpress theme. If, you are planning to move to wordpress, please refer to my post Step by Step Guild to Install Self Hosted WordPress.

In this tutorial, I will explain you customize for thesis theme which are highly request up to now. If don’t own thesis theme, then, I will recommend you to buy one. You can buy one by clicking on thesis banner on sidebar.

You can either add color to background or image. I have added image. Here I will explain you both.
First if you want to add color, go to custom.css file using ftp. Add below line in it. This is only for thesis version older than 1.6

body.custom { background: #44443f; }

If you are using latest version of thesis theme, then you will find this option in your option page of thesis theme. You can refer to image.

If, you want to add image as background, then you can add below code in your custom.css file.

body.custom { background: url('/images/background.jpg') 50% 0  repeat-x; background-attachment:fixed}

I hope that you enjoyed this tutorial.

For more thesis theme customization, Subscribe with us.

Tags: , ,

3 Responses to “How to add background in thesis theme.”

  1. Amy Eyrie 25. Mar, 2010 at 12:22 am #

    Thanks Nandu! This was a great fix!
    Amy Eyrie´s last blog ..What is Dharma? My ComLuv Profile

  2. Melissa 13. Apr, 2010 at 2:53 am #

    Thanks a bunch!!
    I was just wondering about the path: /images/background.jpg
    are you referring to the Images folder that’s already in Cpanel, or do I have to create a new one? (I’m a newbie ehehe)

  3. nandu patel 04. May, 2010 at 4:18 pm #

    You need to make folder if it doesn’t exist. CSS and image folder should be in same folder. So, it can take code like “/image/background.jpg/” Try it and if doesn’t work, let me know, I will be glad to help you.

Leave a Reply

CommentLuv Enabled