How do I add a custom background on tumblr theme?
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?”
Comments RSS
TrackBack Identifier URI
Leave a comment

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)