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.

  1. Go to your Tumblr theme options at https://tumblr.com/customize/your-blog-name
  2. Click on Edit HTML and delete all code inside
  3. Type in something (it really doesn't matter just type anything) in the now empty field
  4. Click Update Preview then Save and hit Refresh on your browser
  5. 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.
  6. You're ready to follow the guides below.

Modern - View demo

  1. Upload "Modern" Avatar - image
  2. Upload "Modern" Hero Header Background - image
  3. Remove Welcome Message image
  4. Hero Header Visibility - Index
  5. Pagination Type - Infinite
  6. Avatar Style - Square
  7. External Links Hook - Sidebar
  8. External Links Hoo Order - 3
  9. Image Feed Hook - Sidebar
  10. Image Feed Hook Order - 4
  11. Twitter Hook - Sidebar
  12. Twitter Hook Order - 5
  13. Twitter Columns LG - 1
  14. Twitter Columns MD - 1
  15. Eye Catcher - Enable
  16. Hero Header Opacity - 0.75
  17. Hero Header Title - Ultimate Pro
  18. 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.
  19. External Facebook Link - #
  20. External Twitter Link - #
  21. External LinkedIn Link - #
  22. Image Feed Tumblr Blog URL - unsplash.tumblr.com
  23. Image Feed DeviantArt Username - nicotinell
  24. Eye Catcher Title - Get UP Today!
  25. Eye Catcher Text - The ONLY <b>modular</b> Tumblr theme that empowers you "construct" the blog of your dreams.
  26. Eye Catcher Link Title - Buy Now
  27. Eye Catcher Link - https://www.tumblr.com/theme/40136

Minimal - View demo

  1. Upload "Minimal" Avatar - image
  2. Remove Welcome Message image
  3. Header Boxes Shade 1 - #FFFFFF
  4. Header Boxes Shade 2 - #F8F8F8
  5. Header Boxes Shade 3 - #F8F8F8
  6. Main Boxes Shade 2 - #FFFFFF
  7. Main Boxes Shade 3 - #FFFFFF
  8. Footer Boxes Shade 2 - #3B3B46
  9. Footer Boxes Shade 3 - #3B3B46
  10. Sidebar Size LG - 12
  11. Sidebar Size MD - 12
  12. Content Size LG - 12
  13. Content Size MD - 12
  14. Post Columns LG - 2
  15. Post Footer HR Visibility - Hidden
  16. Post Footer Icons Style - Unwrapped
  17. Navbar Style - Fixed Slide
  18. Description Text Align - Center
  19. External Links Hook - Footer
  20. External Link Style - Square Monochrome
  21. Border Radius - 0
  22. Border Width - 30
  23. External Facebook Link - #
  24. External Twitter Link - #
  25. External LinkedIn Link - #
  26. External GooglePlus Link - #

Stylish - View demo

  1. Upload "Stylish" Avatar - image
  2. Remove Welcome Message image
  3. Upload "Stylish" Logo - image
  4. Upload "Stylish" Carousel Slide 1 Image - image
  5. Upload "Stylish" Carousel Slide 2 Image - image
  6. Upload "Stylish" Carousel Slide 3 Image - image
  7. Upload "Stylish" Carousel Slide 4 Image - image
  8. Body Background - #FFFFFF
  9. Loading Overlay Color - #FFFFFF
  10. Loading Overlay Text - #333333
  11. Hero Header Overlay - #333333
  12. Hero Header Text - #FFFFFF
  13. Header Background - #FFFFFF
  14. Header Text - #333333
  15. Header Link - #F06292
  16. Header Boxes Shade 1 - #F8F8F8
  17. Header Boxes Shade 2 - #FFFFFF
  18. Header Boxes Shade 3 - #EBEBEB
  19. Header Boxes Text - #333333
  20. Header Boxes Link - #F06292
  21. Main Background - #F8F8F8
  22. Main Text - #333333
  23. Main Link - #F06292
  24. Main Boxes Shade 1 - #F8F8F8
  25. Main Boxes Shade 2 - #FFFFFF
  26. Main Boxes Shade 3 - #EBEBEB
  27. Main Boxes Text - #333333
  28. Main Boxes Link - #F06292
  29. Footer Background - #333333
  30. Footer Text - #FFFFFF
  31. Footer Link - #F06292
  32. Footer Boxes Shade 1 - #3C3C3C
  33. Footer Boxes Shade 2 - #393939
  34. Footer Boxes Shade 3 - #2C2C2C
  35. Footer Boxes Text - #FFFFFF
  36. Footer Boxes Link - #F06292
  37. Header Content Size - Fluid
  38. Sidebar Size LG - 12
  39. Sidebar Size MD - 12
  40. Content Size LG - 12
  41. Content Size MD - 12
  42. Post Columns LG - 3
  43. Post Columns MD - 2
  44. Post Style - Minimal
  45. Post Footer Icons Style - Unwrapped
  46. Pagination Type - Trigger
  47. Carousel Hook - Header
  48. Carousel Hook Order - 3
  49. Carousel Style - Seamless
  50. Carousel Margin - No Bottom Margin
  51. Logo Hook - Header
  52. Logo Hook Order - 2
  53. Avatar Hook - Footer
  54. Description Hook - Footer
  55. Description Hook Order - 3
  56. Description Text Align - Center
  57. External Links Hook - Footer
  58. External Links Hook Order - 2
  59. Carousel Height - 600
  60. Logo Link - http://yourblog.tumblr.com
  61. External Facebook Link - #
  62. External Twitter Link - #
  63. 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...