How To Make A Background Not Repeat Tumblr

Download Article

Download Commodity

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

1
Get to Tumblr's website. It's located at https://www.tumblr.com/. If y'all're signed in on your browser, this volition have y'all to your Tumblr abode page.
- If y'all aren't signed into Tumblr, enter your email address and password, then click Sign in.
2

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

Advertisement
3

Click the name of the blog yous wish to edit. You'll notice it beneath the "TUMBLRS" heading virtually halfway downwardly the profile driblet-down menu.
four

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

Click Edit theme . It'south correct of the "Website Theme" heading below your profile picture.
6
Expect 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 correct of Background, you can upload your own image.
- Some Tumblr themes take a variation of Groundwork (due east.g., Choose a background) hither.
- If you don't meet this selection in your weblog's theme options, go along to the next method.
- Some free themes that allow you to upload your own photo are "Communicable Elephant" and "Papercut". Paid themes include "Queens" and "Halcyon".
seven
Click the photographic camera icon. Doing and then will invoke a window in which y'all tin 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, y'all may have to navigate to your computer'due south Photos binder.
- Some themes will require you to showtime click Choose a photo.
- Make sure the photo is relatively loftier-quality. Otherwise, information technology may appear grainy or out of focus.
nine

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

Advertisement

1
Go to Tumblr'southward website. It's located at https://www.tumblr.com/. If yous're signed in on your browser, this will have you to your Tumblr home page.
- If you aren't signed into Tumblr, enter your email address and password, so click Sign in.
2

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

Click the name of the web log yous wish to edit. It volition be beneath the "TUMBLRS" heading about halfway down the contour driblet-down card.
4

Click Edit appearance . This option is in the upper-correct 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 contour picture.
6

Click Edit HTML . This link is below your theme'south name at the peak of the "Edit themes" sidebar.
vii

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

Click Observe and replace . Doing and so will open a window in which you tin search for the line of lawmaking you'll need to edit.
9
Blazon in torso {. This tag is present in all Tumblr themes that comprise a customizable background image.^[1]
- If your selected theme's HTML doesn't contain a "torso {" tag, you can't modify its background image.
10

Wait for the groundwork: tag. This is directly below the "body {" tag; you'll add in your paradigm's URL here between the ":" and the ";" at the finish of the line.
xi
Replace any text between "groundwork:" and ";" with your URL tag. The URL tag should be written as follows: url().
- In practice, this whole line will say groundwork: url(world wide web.website.com/image.jpg);. Keep in mind that there is a space betwixt the "groundwork:" part and the "url" role.
12
Enter your image's URL into the parentheses. Your selected URL must stop in a picture file extension such as .jpg or .png. The easiest way to become a photograph'southward URL to display in this format is to right-click (or 2-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 elevation-correct side of the "Edit HTML" sidebar. Y'all should meet your selected image displayed.
fourteen
Re-position the epitome if need be. If your epitome is skewed or it abruptly cuts off, enter the following three lines of code beneath the "groundwork" tag:
- background-zipper: stock-still; - This volition continue your paradigm in i identify.
- background-echo: no-repeat; - You can also alter no-echo to say repeat if you lot want your paradigm to repeat equally users scroll down.
- groundwork-position:heart; - You tin can too use right or left instead of heart.
- You can also add a line that says background-size: embrace to make your prototype make full the entire groundwork.
15

Click Salvage . Information technology's the blue push left of Update Preview at the tiptop of the "Edit HTML" sidebar.
16

Click ← . Information technology'south in the top-left side of the page.
17

Click Exit . You'll see this choice in the top-left corner of the "Edit theme" sidebar. Your Tumblr theme at present has a background paradigm.

Advert

Add New Question

Question

Are in that location any recommended dimensions?

No. Only cropping the pictures how you lot want works best.
Question

Could you better explain how to set the photograph so that when it scrolls the photo repeats itself?

You use the magic discussion echo in your coding. If using CSS, you lot would put the word in the department for background.

Ask a Question

200 characters left

Include your e-mail address to get a bulletin when this question is answered.

Submit

If your current theme supports neither uploading a background photo nor calculation one via HTML, consider installing a new theme that supports one of these options.