CSS - Insert background to tumblr code?

May 8, 2012 5:30 PM

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 :)

posted by DrtyBlvd to Computers & Internet (2 answers total)

Best answer: I think you want:

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

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:

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]