Material Tumblr Theme

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email.
Thanks so much!

Installing and updating a theme

  1. Unzip downloaded package and locate Material.html file.
  2. Let’s open it in your text editor of choice.
    Do not open it in a web browser as it will look like a mess.
  3. Now let’s select and copy all the content inside Material.html file by pressing CMD + A, CMD + C (Mac) or CTRL + A, CTRL + C (Windows PC).
  4. Log in to your Tumblr Dashboard.
  5. Open up your Customize panel and click "Edit HTML"
  6. Replace it with the new code you have copied from file
  7. Hit Update and click Save

IMPORTANT TextEdit (only Mac users)

Open TextEdit Preferences (CMD + ,)

TextEdit Tumblr HTML

CHECK: When opening a file display HTML files as HTML code instead of formatted text

TextEdit Tumblr HTML

Now you can open *.html, *.txt files


General Options

  • On/OffAnimations
  • On/OffInfinite Scroll
  • On/OffShow Preloader

Header Options

  • On/OffTitle
  • On/OffAvatar


  • On/OffShow Main Menu
  • On/OffShow RSS link
  • On/OffShow Archive link
  • On/OffShow Random link
  • On/OffShow Search

General Posts Options

  • On/OffImage Pop up
  • On/OffPost date
  • On/OffNotes
  • On/OffShow Post Tags
  • On/OffShow EXIF Data
  • On/OffAuthor Info Box
  • On/OffNext Previous Links on Post Page

Social share

  • On/OffSocial Share Icons
  • On/OffLike Button
  • On/OffReblog Button
  • On/OffFacebook Share
  • On/OffTwitter Share
  • On/OffPinterest Share
  • On/OffGoogle Plus Share

Sidebar Options

  • On/OffShow Instagram Feed
  • On/OffShow Dribbble Feed
  • On/OffShow Flickr Feed
  • On/OffShow Twitter Feed
  • On/OffSidebar
  • On/OffSidebar Author Info
  • On/OffSidebar Social Icons


Tumblr Theme: Sidebar - Customization

Permalink Page - Footer

Tumblr Theme: Permalink - Customization



Tumblr Theme: TOP - Customization
Hamburger Menu Icon#000
Author Text Color#000


Tumblr Theme: Navigation - Customization
Main Nav Link Color#212121
Main Nav Link Hover Color#7e5bbf
Tags Background Color#F3F3F3
Tags Nav Link Color#838383
Tags Nav Link Hover Color#000


Tumblr Theme: Format Posts- Customization
Post Background#ffffff
Post Heading Color#000
Post Text Color#404040
Post Meta Text Color#bdbdbd
Read More Color#000
Read More Text Color#ffffff

Format Quote

Tumblr Theme: Format Quote - Customization
Quote Background Color#1a237e
Quote Text Color#fff

Format Chat

Tumblr Theme: Format Chat - Customization
Chat Background Color#FFEB3B
Chat Text Color#000


Footer Text Color#6d6d6d


Links Color#304FFE
Links Hover Color#1A237E

    Twitter Feed

1. Go to your Settings page here

twitter section

2. Select the blog on the right sidebar

3. Find the twitter section

twitter section

4. Connect your Twitter account with your Tumblr Account

5. Turn on "Show Twitter Feed"

    Instagram Feed

  1. Authorize your Instagram account here
  2. Scroll down the page and click on the Retrieve my details bro! button.
  3. Copy and paste your User ID in the "Instagram Your User ID"
  4. Copy and paste your Access token in the "Instagram Your Access Token"
  5. Click Save
  6. You can also set: "Instagram Images Limit" and turn on/off Instagram feed "Show Instagram Feed"
  7. Turn on "Show Instagram Feed"

    Dribbble Feed

  1. Copy and paste your Dribbble account name in the "Dribbble Username" section in the Customize panel
  2. You can also change Dribbble shots number in the "Dribbble Shots Limit" field or turn off dribbble feed in the "Show Dribbble Feed"
  3. Click Save

    Flickr Feed

  1. Get your Flickr ID number here by typing in your flickr URL of your photostream.
  2. Paste your ID in the "Flickr Username ID" section in the Customize panel
  3. Click Save
  4. You can also set: "Flickr Images Limit" and turn on/off "Show Flickr Feed"

    Mobile version

tumblr theme - mobile version

  1. Go to "Advanced options" at the bottom of the Customize panel
  2. Turn off "Use default mobile theme" and click Save
  3. Make sure to save the changes.


Please rate this theme if you don’t mind. It would be much appreciated.

Review - Tumblr Theme


May 27, 2015 - 2.2.0
- Design changes
- CSS improvements
October 30, 2015 - 2.0.7
- Scripts, Slick Slider

October 8,  2015 - 2.0.6
- dribbble Feed (Update)

September 15,  2015 - 2.0.5
- Minor Bugs fixed

September 9,  2015 - 2.0.4
- Post Answer

August 3,  2015 - 2.0.3
- Like Button Bug Fixed

April 7, 2015 - 2.0.2
- Social Share Button - Bug Fixed

April 3, 2015 - 2.0.1
- CSS chagnes (mobile)

March 30, 2015 - 2.0.0
- Design changes
- Bugs fixed March 16, 2015 - 1.0.3 - Preloader March 14, 2015 - 1.0.2 - Customization (New Options) March 13, 2015 - 1.0.1 - Minor Bugs fixed March 12, 2015 - 1.0.0 -Released