How do I add a custom background on tumblr theme?

Written by admin Apr 24

I’m using the black and blue eyes theme by hudson. I also would appreciate it if you could help me get rid of the ‘twitter’ section, and also make the post section thinner…i think it has something to do with the padding?

thanks so much if you take the time to help me out.

To change the background find this part and replace the background part

body {
background: #6AD89F;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;

}

with this:
background-image: url(’images/gbck.gif’);
background-repeat:repeat;

so that it looks like this:

body {
background-image: url(’images/gbck.gif’);
background-repeat:repeat;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;

}

you put whatever background you want in the section where is says: images/gbck.gif

To get rid of the Twitter section, just hit control+f and type in twitter and hit next

and find: <h3>Twitter</h3> and delete it.

Now to make the post section thinner, using control+f type in content and when you

find this, change the width to your desired size.

#content {
width: 800px;
margin: -2px 0px 0px 0px;
padding: 50px 10px 10px 10px;
background: #FEF5CF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

I really hope this helped you, if you have any questions feel free to email me.

One Response to “How do I add a custom background on tumblr theme?”

  1. Comment by G is for Ghost on April 24, 2010 7:23 pm

    To change the background find this part and replace the background part

    body {
    background: #6AD89F;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;

    }

    with this:
    background-image: url(’images/gbck.gif’);
    background-repeat:repeat;

    so that it looks like this:

    body {
    background-image: url(’images/gbck.gif’);
    background-repeat:repeat;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;

    }

    you put whatever background you want in the section where is says: images/gbck.gif

    To get rid of the Twitter section, just hit control+f and type in twitter and hit next

    and find: <h3>Twitter</h3> and delete it.

    Now to make the post section thinner, using control+f type in content and when you

    find this, change the width to your desired size.

    #content {
    width: 800px;
    margin: -2px 0px 0px 0px;
    padding: 50px 10px 10px 10px;
    background: #FEF5CF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }

    I really hope this helped you, if you have any questions feel free to email me.
    References :
    http://yayabean.tumblr.com/

    my tumblr :0)

Comments RSS rss Twitter Training TrackBack Identifier URI rss Twitter Training

Leave a comment