Your blog's appearance determines how it will look on the Tumblr dashboard, in the mobile apps, in search results, and at its web address www.tumblr.com/staff using a desktop or mobile web browser. This is different than your blog’s theme, which is how the blog looks on the web when using a custom theme and navigating to its full URL, like staff.tumblr.com. Learn more about the difference between blog appearance and a custom blog theme below.
Editing Your Blog's Appearance
Accessibility Tip - When selecting colors, please note that in order to guarantee contrast and readability for your text, you may see a selected color change automatically to black or white.
To edit your blog's appearance in the mobile app:
- Tap the account button to view your blog.
- Tap the palette icon at the top of the screen to open the appearance editor.
- Tap on the Background or Accent buttons to select different colors for each.
- Tap on the blog title to set customization options for the title font and color.
- Tap on the pencil below the blog title to select which badges to display or buy more. Badges will display in the order selected.
- Tap on the header image to hide or add a new header image.
- Tap on the blog avatar to upload or hide the avatar.
- On iOS, tap Update to set the new avatar, then tap Save once you're done. On Android tap the green checkmark, then tap Save once you're done.
To edit your blog's appearance on web:
- Click on the Settings menu item on the left.
- Select your blog from the menu on the right.
- Click on the Edit appearance button at the top.
- Click on the blog title to set customization options for the title font and color.
- Click the pencil icon in the header image for header customization options.
- Click on the pencil icon in the avatar for avatar customization options.
- Click on "Add badges" or the pencil to customize which badges you'd like to display. In the pop-up you can choose between "Your Badges" where you'll find your collection of badges or "Shop" to purchase more badges. Badges will display in the order selected.
Recommended Image And File Sizes
Avatar: The ideal image size is 128x128px and a file size no larger than 10MB. Supported file formats are JPEG, PNG, or WEBP. While GIFs may be uploaded, they'll be converted to a static JPEG, PNG, or WEBP.
Header image: The ideal image size is 2048x1152px (16:9 aspect ratio) and a file size no larger than 10MB. Supported file formats are JPEG, PNG, WEBP, and GIFs.
Appearance vs. Custom Blog Theme
Blog appearance is for tailoring how your blog looks on mobile devices, search pages, the popover that appears when someone hovers over your username, and when visiting your blog's web address at (www.tumblr.com/staff).
Your blog title, description text, and avatar are universally attached to your blog. If you change them via your appearance options, they’ll change for both mobile and web views.
A custom blog theme is an optional custom look you can enable for your blog's URL at staff.tumblr.com using a desktop or mobile web browser. Learn more about enabling and editing your blog theme.
You can view a blog's custom theme (including your own) by clicking on the blog avatar from the dashboard. When the blog view (formerly known as peepr) opens, click on the blog's URL under the avatar. If a blog cannot be viewed at its URL, it may not have a custom theme or enabled a blog privacy feature. You can find more information about other Tumblr privacy features here.