We've set up demos for you to see the power of UP and how easy it is to change the appearance by modifying just a few options. Simply follow these step-by-step guides to achieve that same effect on your own blog.
Before you start make sure to reset all theme options to their defaults or these guides might not have the same effect.
- Go to your Tumblr theme options at
https://tumblr.com/customize/your-blog-name
- Click on Edit HTML and delete all code inside
- Type in something (it really doesn't matter just type anything) in the now empty field
- Click Update Preview then Save and hit Refresh on your browser
- Install Ultimate PRO again
- If you've purchased UP on Theme Garden, simply click on Browse Themes, then hit the magnifying glass icon and type in ultimate pro. Select the theme and click Use then Save.
- If you've purchased UP from another marketplace, simply click on Edit HTML and copy/paste the HTML code from the archive, then hit Update Preview then Save.
- You're ready to follow the guides below.
Modern - View demo
- Upload "Modern" Avatar -
image
- Upload "Modern" Hero Header Background -
image
- Remove Welcome Message image
- Hero Header Visibility -
Index
- Pagination Type -
Infinite
- Avatar Style -
Square
- External Links Hook -
Sidebar
- External Links Hoo Order -
3
- Image Feed Hook -
Sidebar
- Image Feed Hook Order -
4
- Twitter Hook -
Sidebar
- Twitter Hook Order -
5
- Twitter Columns LG -
1
- Twitter Columns MD -
1
- Eye Catcher -
Enable
- Hero Header Opacity -
0.75
- Hero Header Title -
Ultimate Pro
- Hero Header Text -
Ultimate Pro allows you to create unlimited styles and designs with 300+ theme options and 800+ different settings. To help you kick-start you Tumblr we've made several demos to choose from. Each demo is included for free with UP purchase along with a step-by-step guide on how to achieve that look.
- External Facebook Link -
#
- External Twitter Link -
#
- External LinkedIn Link -
#
- Image Feed Tumblr Blog URL -
unsplash.tumblr.com
- Image Feed DeviantArt Username -
nicotinell
- Eye Catcher Title -
Get UP Today!
- Eye Catcher Text -
The ONLY <b>modular</b> Tumblr theme that empowers you "construct" the blog of your dreams.
- Eye Catcher Link Title -
Buy Now
- Eye Catcher Link -
https://www.tumblr.com/theme/40136
Minimal - View demo
- Upload "Minimal" Avatar -
image
- Remove Welcome Message image
- Header Boxes Shade 1 -
#FFFFFF
- Header Boxes Shade 2 -
#F8F8F8
- Header Boxes Shade 3 -
#F8F8F8
- Main Boxes Shade 2 -
#FFFFFF
- Main Boxes Shade 3 -
#FFFFFF
- Footer Boxes Shade 2 -
#3B3B46
- Footer Boxes Shade 3 -
#3B3B46
- Sidebar Size LG -
12
- Sidebar Size MD -
12
- Content Size LG -
12
- Content Size MD -
12
- Post Columns LG -
2
- Post Footer HR Visibility -
Hidden
- Post Footer Icons Style -
Unwrapped
- Navbar Style -
Fixed Slide
- Description Text Align -
Center
- External Links Hook -
Footer
- External Link Style -
Square Monochrome
- Border Radius -
0
- Border Width -
30
- External Facebook Link -
#
- External Twitter Link -
#
- External LinkedIn Link -
#
- External GooglePlus Link -
#
Stylish - View demo
- Upload "Stylish" Avatar -
image
- Remove Welcome Message image
- Upload "Stylish" Logo -
image
- Upload "Stylish" Carousel Slide 1 Image -
image
- Upload "Stylish" Carousel Slide 2 Image -
image
- Upload "Stylish" Carousel Slide 3 Image -
image
- Upload "Stylish" Carousel Slide 4 Image -
image
- Body Background -
#FFFFFF
- Loading Overlay Color -
#FFFFFF
- Loading Overlay Text -
#333333
- Hero Header Overlay -
#333333
- Hero Header Text -
#FFFFFF
- Header Background -
#FFFFFF
- Header Text -
#333333
- Header Link -
#F06292
- Header Boxes Shade 1 -
#F8F8F8
- Header Boxes Shade 2 -
#FFFFFF
- Header Boxes Shade 3 -
#EBEBEB
- Header Boxes Text -
#333333
- Header Boxes Link -
#F06292
- Main Background -
#F8F8F8
- Main Text -
#333333
- Main Link -
#F06292
- Main Boxes Shade 1 -
#F8F8F8
- Main Boxes Shade 2 -
#FFFFFF
- Main Boxes Shade 3 -
#EBEBEB
- Main Boxes Text -
#333333
- Main Boxes Link -
#F06292
- Footer Background -
#333333
- Footer Text -
#FFFFFF
- Footer Link -
#F06292
- Footer Boxes Shade 1 -
#3C3C3C
- Footer Boxes Shade 2 -
#393939
- Footer Boxes Shade 3 -
#2C2C2C
- Footer Boxes Text -
#FFFFFF
- Footer Boxes Link -
#F06292
- Header Content Size -
Fluid
- Sidebar Size LG -
12
- Sidebar Size MD -
12
- Content Size LG -
12
- Content Size MD -
12
- Post Columns LG -
3
- Post Columns MD -
2
- Post Style -
Minimal
- Post Footer Icons Style -
Unwrapped
- Pagination Type -
Trigger
- Carousel Hook -
Header
- Carousel Hook Order -
3
- Carousel Style -
Seamless
- Carousel Margin -
No Bottom Margin
- Logo Hook -
Header
- Logo Hook Order -
2
- Avatar Hook -
Footer
- Description Hook -
Footer
- Description Hook Order -
3
- Description Text Align -
Center
- External Links Hook -
Footer
- External Links Hook Order -
2
- Carousel Height -
600
- Logo Link -
http://yourblog.tumblr.com
- External Facebook Link -
#
- External Twitter Link -
#
- External Website Link -
#
Custom Fonts (optional)
1. Go to your customization page
2. Scroll to the very bottom of theme options and click on Advanced options
3. In the Custom CSS field paste the following code
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i');
h1, h2, h3, h4, h5, h6 { font-family: 'Noto Serif', serif; }
More demos coming soon...