CSS - Insert background to tumblr code?
May 8, 2012 5:30 PM Subscribe
Where do I put the page background image code details in tumblr CSS code?
Quick question for those more knowledgeable; can you tell me please where in the code for this personal webpage currently showing the free theme '101 by jarredbishop' I would put the following details in order to get the page to use my background imagery specifics?
I'm assuming I have found the right code to put in;
{background-image: url('http://My.choice.ofimagesforbackgroundsforexample.com');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
I've tried most places but don't seem able to get it to work - and web based suggestions don't seem to work / resemble this code...?
Thank you :)
Quick question for those more knowledgeable; can you tell me please where in the code for this personal webpage currently showing the free theme '101 by jarredbishop' I would put the following details in order to get the page to use my background imagery specifics?
I'm assuming I have found the right code to put in;
{background-image: url('http://My.choice.ofimagesforbackgroundsforexample.com');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
I've tried most places but don't seem able to get it to work - and web based suggestions don't seem to work / resemble this code...?
Thank you :)
Best answer: Everything's floated all over the place.
You need to add a clearfix. Here's working code with Nicholas Gallagher's recent(ish) clearfix applied. Not sure I've ever cleared a body before, but it works fine as far as I can tell:
Btw, you can wrap stuff in
for pleasant looking code on MeFi.
posted by Magnakai at 6:56 PM on May 8, 2012 [1 favorite]
You need to add a clearfix. Here's working code with Nicholas Gallagher's recent(ish) clearfix applied. Not sure I've ever cleared a body before, but it works fine as far as I can tell:
body:before, body:after
{
content:"";
display:table;
}
body:after {
clear:both;
}
body {
zoom:1;
}
body {
background-image: url('http://i.imgur.com/34ATZ.gif');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
Btw, you can wrap stuff in
<code> Insert some HTML code here </code>
for pleasant looking code on MeFi.
posted by Magnakai at 6:56 PM on May 8, 2012 [1 favorite]
This thread is closed to new comments.
body {
background-image: url('http://My.choice.ofimagesforbackgroundsforexample.com');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
posted by plasticbugs at 6:05 PM on May 8, 2012