General Question

catpita's avatar

Tumblr: How to use my own image as a background?

Asked by catpita (1 points ) February 24th, 2009

I’m using the Fold theme and don’t know how to change the HTML. Do I do it in the Theme/Customize HTML area, or the advanced/“add custom CSS” area? Detailed help requested from any smart people! Thanks…

Observing members: 0 Composing members: 0

6 Answers

crisedwards's avatar

“Customize theme” is to change the basics of a template they provide. This is usually things like changing a font color, or a border color…basic stuff. If you want to change the background image you will need to go to the “add custom CSS” part. At least that was how my template was for my tumblog: thoughtsarefacts.com . Let me take a look at that template and can give you more specific info in a minute.

crisedwards's avatar

Ah yes. You are using the same theme as me. OK. Here’s how you do it. If you go to “Customize” from your dashboard you will get to the workspace for making changes. Click on the “theme” header and select “Use Custom HTML”. This will give you all the magic code that you can mostly ignore. However, scroll down about one click and you will see this chunk of code:

body {
background: {color:Background} url(’/themes/4/bg.gif’);
margin: 0px 0px 50px 60px;
font: Normal 13px Arial, Helvetica, sans-serif;
color: {color:Text};

To change the background image, you need to replace ”/themes/4/bg.gif” with the URL for your actual graphic. For example, I uploaded a little pattern to the free TinyPic.com site and this is the URL for that pic:

http://i44.tinypic.com/25rfdxl.jpg

Try it for an example by copying and pasting the above URL and replacing ’/themes/4/bg.gif’ with ‘http://i44.tinypic.com/25rfdxl.jpg’ but change ONLY that. Be sure not to delete any additional characters. Save the theme and then preview it and you should see a blue pattern now. You can do this with any graphic you want to put there.

catpita's avatar

Thank you! That worked…sort of. It shows up in safari, but, weirdly, not in Firefox. Any clue what’s up with that? If you look at catandcarl.tumblr.com, do you see the interlocking C’s logo? Or just a pale aqua patterned background?

crisedwards's avatar

@catpita My guess is that you need to hard refresh your browser, if you haven’t already. That means, clear out your browser cache and reload the page. You are probably seeing a saved version of the graphic instead of the redone one.

isawlovedie's avatar

What backgroud do you two use? i would like to do this to mine

daysnightss's avatar

Hi!
Anyone know how I can upload a background image for the thumblr theme Simplification? I’ve been in the Customize Html area, and tried out several things, nothing seems to be working:/

Anyone know the answer for this? Tried to google it, but the changes I did are not affecting the background:s What am I doing wrong?

Thanks soo much for any help!

daysnightss.tumblr.com

Answer this question

Login

or

Join

to answer.

This question is in the General Section. Responses must be helpful and on-topic.

Your answer will be saved while you login or join.

Have a question? Ask Fluther!

What do you know more about?
or
Knowledge Networking @ Fluther