How to add a background to your tumblr theme

So, maybe you want to customize your tumblr theme, but you don’t want to get too crazy yet. Maybe just a nice wallpapered background to spruce it up a bit? It’s really easy to do- here’s how:

  • Visit a site like Squidfingers and pick up a free wallpaper pattern. Download the image and upload it to anywhere you can host files on the internet.
  • Go into your dashboard, on the settings tab, choose Custom in the theme selection area.
  • Find the piece of CSS near the top of the code that starts with body { and ends with a closed bracket.
  • Depending on which theme you were using, the body section may or may not have a background line. For your new wallpaper to take effect you either need to add one, or change the one that is there to look like this:
    • background: url(http://yourfilehost.com/pattern_049.gif) repeat;
    • the URL needs to be replaced obviously, with the URL of your wallpaper pattern
  • Update your theme preview to be sure you like it. You may need to tweak some of the text colors or add a background color so that the text is legible, depending on how busy your wallpaper choice is.

To see this in action, check out my tumblr. I was using the Litewire theme, and when I added the wallpaper, the description needed some padding, so I added ‘padding: 10px;’ to the ‘div#description div’ section.

6 Responses to “How to add a background to your tumblr theme”

  1. Pierro Says:

    howdy

    Into a Tumblr Blog one knows, so one would like, also comment a function ???inserts???.
    See my mention to its:

    ???Here still another interesting article, as one it realizes, on in a Tumblr Blog to commentate: ???

    -> http://2big.at/7f2

  2. sbpoet Says:

    I really liked this suggestion, so I tried it. Picked my wallpaper, and got it on there fine — but — the wallpaper does fill the whole page.

    How, exactly, does one change the background in the text box so that it’s readable?

  3. Randa Says:

    You should be able to change the background for the body content in the color chooser below the theme code.

  4. Virginia Says:

    Thank you. It worked like a charm!

  5. Stephanie Says:

    Hi,
    I’m trying to add a background to my theme but, like yours, would like the centre bar to still have a solid colour. Unfortunatly, I can’t figure out how to do this, the wallpaper seems to override the background colour strip.
    Steph

  6. SPwXllCBIbHGGpyNt Says:

    fo069.txt;3;6

Leave a Reply


1