- Tumblr lets you fully customize your blog: install free or paid themes, edit HTML/CSS, add custom fonts, link colors, sidebar layout.
- Free themes work for 90% of users. Paid themes ($9-$49) offer better design + custom features.
- Power users can edit HTML directly — Tumblr is one of the few social platforms allowing this.
How to Change Your Tumblr Theme
- Open tumblr.com, click your blog.
- Click Edit Appearance.
- Click Edit Theme.
- Click Browse Themes → pick from official theme garden.
- Or click Use custom HTML to paste a theme from outside Tumblr.
Best Free Tumblr Themes (2026)
- Optica — clean, photo-focused.
- Redux — modern, single-column.
- Effector — text-focused, blog-style.
- Mobile Sidebar — mobile-optimised.
- Type Theme — typography-first.
Best Paid Tumblr Themes ($9-$49)
- Verb by HSXX ($16) — classic blog with great typography.
- Wonderwall ($19) — masonry / grid layout.
- Folio ($29) — portfolio-style for visual artists.
- The Atlantic ($16) — magazine-style.
- Themes by John ($9-$25 each) — minimalist designs.
Buy from themeforest.net/tumblr-themes, theme-hunter, or directly from theme designers' sites.
How to Install a Custom Theme
- Get the theme HTML code (download or copy from theme designer).
- Edit Appearance → Edit Theme → Use custom HTML.
- Paste the entire theme HTML.
- Click Update Preview.
- Customize colors, fonts, layout via the theme options panel.
- Click Save.
Common Customization Options
| Option | What it controls |
|---|---|
| Background color | Blog background |
| Text color | Body text |
| Link color | Hyperlinks |
| Hover color | Link hover state |
| Header image | Banner at top |
| Avatar image | Profile picture |
| Sidebar links (1, 2, 3) | Custom title + URL pairs |
| Show description | Toggle bio visibility |
| Show tags | Toggle tag display |
| Show timestamp | Toggle post date |
| Show notes | Toggle reblog count |
| Custom CSS | Power-user styling |
How to Add Custom Fonts
For paid themes, this is built into the customization panel:
- Edit Theme → Title Font / Body Font.
- Choose from Google Fonts list (Roboto, Lato, Merriweather, etc.).
- Set size, weight, line-height.
For free themes, you may need to edit the HTML:
- Find the
<head>section. - Add:
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> - In CSS:
body { font-family: 'Roboto', sans-serif; }
How to Edit HTML / CSS Directly
- Edit Theme → Edit HTML.
- You see the full theme HTML / CSS / Tumblr template tags.
- Modify carefully — broken HTML can break your blog.
- Click Update Preview to test.
- Click Save when satisfied.
Tumblr template tags are like <{Title}>, <{Body}>, <{block:Posts}> — they pull dynamic content. Don't remove them unless you know what you're doing.
Mobile Theme Customization
By default, Tumblr's mobile theme is separate from desktop:
- Mobile uses Tumblr's standard mobile layout (no custom theme).
- Premium themes can include "mobile sidebar" features.
- Some power users disable Tumblr's mobile theme: Settings → Use mobile theme → OFF (then mobile users see your custom theme).
Backup Your Theme Before Editing
Before any major HTML edits:
- Edit Theme → Edit HTML.
- Select all → copy.
- Paste into a text file on your computer.
- Save.
If you break something, paste the backup back.
Frequently Asked Questions
Are Tumblr themes free?
Many are free (official theme garden). Premium themes cost $9-$49. Most users start with free and upgrade later.
Can I use any HTML/CSS on Tumblr?
Yes — Edit Theme → Edit HTML lets you write any custom code. Most other social platforms restrict this.
How do I make my Tumblr mobile-friendly?
Use a responsive theme (most modern themes are). Test on mobile by visiting your blog from a phone browser.
Can I use a custom domain with my Tumblr?
Yes — Edit Appearance → Custom Domain → enter domain + add CNAME DNS record. Free.
What's the best Tumblr theme for portfolios?
Folio ($29) and Wonderwall ($19) are popular for visual artists. Among free themes: Optica or Redux.
Key Takeaways
- Edit Appearance → Edit Theme → choose free or custom HTML.
- Customize colors, fonts, sidebar links via theme options.
- Power users can edit HTML/CSS directly.
- Backup your theme HTML before major edits.
- Custom domain support is free with CNAME DNS record.
Build a custom Tumblr that drives clicks
Use a UniLink URL as one of your 3 theme sidebar links — covers all your shop, courses, social media. Free with click analytics.