How to Put a Background Picture in Your Tumblr Theme.

This wikiHow teaches you how to display a photo as your Tumblr's background. Some Tumblr themes cannot have their background images changed, whether it be through upload or HTML editing.

Steps

Method 1

Using a Customizable Theme

1. 

   Go to Tumblr's website. It's located at https://www.tumblr.com/. If you're signed in on your browser, this will take you to your Tumblr home page.
   • If you aren't signed into Tumblr, enter your email address and password, then click Sign in.

2. 

   Click your profile icon. It's the person-shaped icon in the top-right corner of the page.

3. 

   Click the name of the blog you wish to edit. You'll find it beneath the "TUMBLRS" heading about halfway down the profile drop-down menu.

4. 

   Click Edit appearance. This option is in the top-right side of the page, just below the Drafts and Posts sections.

5. 

   Click Edit theme. It's right of the "Website Theme" heading below your profile picture.

6. 

   Look for a camera or pencil icon next to Background. This option is below the "THEME OPTIONS" heading. If you see a camera or pencil icon to the right of Background, you can upload your own image.
   • Some Tumblr themes have a variation of Background (e.g., Choose a background) here.
   • If you don't see this option in your blog's theme options, proceed to the next method.
   • Some free themes that allow you to upload your own photo are "Catching Elephant" and "Papercut". Paid themes include "Queens" and "Halcyon".

7. 

   Click the camera icon. Doing so will invoke a window in which you can select a photo from your computer.
   • For some themes, you'll instead click a pencil icon.

8. 

   Select a photo. Depending on your computer and the location to which this window opens, you may have to navigate to your computer's Photos folder.
   • Some themes will require you to first click Choose a photo.
   • Make sure the photo is relatively high-quality. Otherwise, it may appear grainy or out of focus.

9. 

   Click Open. It's at the bottom of the window. Doing so will upload your photo to Tumblr; your theme should refresh within a few seconds of doing so to display your new background.

Method 2

Editing HTML

1. 

   Go to Tumblr's website. It's located at https://www.tumblr.com/. If you're signed in on your browser, this will take you to your Tumblr home page.
   • If you aren't signed into Tumblr, enter your email address and password, then click Sign in.

2. 

   Click your profile icon. This person-shaped button is in the top-right corner of the page.

3. 

   Click the name of the blog you wish to edit. It will be beneath the "TUMBLRS" heading about halfway down the profile drop-down menu.

4. 

   Click Edit appearance. This option is in the upper-right side of the page, just below the Drafts and Posts sections.

5. 

   Click Edit theme. It's to the right of the "Website Theme" heading that's below your profile picture.

6. 

   Click Edit HTML. This link is below your theme's name at the top of the "Edit themes" sidebar.

7. 

   Click the gear icon. It's in the top-left side of the "Edit HTML" bar.

8. 

   Click Find and replace. Doing so will open a window in which you can search for the line of code you'll need to edit.

9. 

   Type in body {. This tag is present in all Tumblr themes that contain a customizable background image.
   • If your selected theme's HTML doesn't contain a "body {" tag, you can't change its background image.

10. 

    Look for the background: tag. This is directly below the "body {" tag; you'll add in your image's URL here between the ":" and the ";" at the end of the line.

11. 

    Replace any text between "background:" and ";" with your URL tag. The URL tag should be written as follows: url().
    • In practice, this whole line will say background: url(www.website.com/image.jpg);. Keep in mind that there is a space between the "background:" part and the "url" part.

12. 

    Enter your image's URL into the parentheses. Your selected URL must end in a picture file extension such as .jpg or .png. The easiest way to get a photo's URL to display in this format is to right-click (or two-finger click) the photo, click Open image in new tab, and copy the URL from there.
    • If you want to use an original photo, you can upload it to a service like Photobucket or Imgur.

13. 

    Click Update Preview. It's the green button in the top-right side of the "Edit HTML" sidebar. You should see your selected image displayed.

14. {"smallUrl":"https://www.wikihow.com/images/thumb/6/6b/Put-a-Background-Picture-in-Your-Tumblr-Theme-Step-23.jpg/v4-460px-Put-a-Background-Picture-in-Your-Tumblr-Theme-Step-23.jpg","bigUrl":"/images/thumb/6/6b/Put-a-Background-Picture-in-Your-Tumblr-Theme-Step-23.jpg/aid1241983-v4-728px-Put-a-Background-Picture-in-Your-Tumblr-Theme-Step-23.jpg","smallWidth":460,"smallHeight":345,

    Similar information

    • How to Change Your Profile Picture on Tumblr
    • How to Change the Font on Your Tumblr Blog and Theme
    • How to Remove a Background from the Desktop Background List (Windows)