Illusion 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 Illusion.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 Illusion.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


Basic options

  • On/OffInfinite Scroll
  • On/OffShow Preloader
  • On/OffMenu Icon Transparent


  • On/OffSidebar
  • On/OffSidebar Author Info
  • On/OffSidebar Avatar
  • On/OffSidebar Main Menu


  • On/OffBottom Block
  • On/OffBottom Logo
  • On/OffBottom Text
  • On/OffBottom Social Icons


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

General Post Options

  • On/OffNotes
  • On/OffNotes Heading
  • On/OffTags
  • On/OffShow Post Tags
  • On/OffShow EXIF Data
  • On/OffPhoto Zoom
  • On/OffShow Date

Social Feeds

  • On/OffShow Instagram Feed
  • On/OffShow Dribbble Feed
  • On/OffShow Flickr Feed
  • On/OffShow Twitter Feed
  • On/OffNext Previous Links on Post Page


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


Tumblr Theme: Sidebar - Customization


Tumblr Theme: Posts - Customization


Tumblr Theme: Footer - Customization



Menu Background Color#000
Menu Icon Color#fff
Menu Icon Active Color#fff


Logo Text Color#000
Text Color#999
Text Strong Color#424242
Link Color#33a6cc
Link Hover Color#65bdda

Format: Link

Tumblr Theme: Link - Customization
Link Background#F3FFFE
Link Border Color#1bbc9b
Link Heading Color#1bbc9b
Link Text Color#424242

Format: Quote

Tumblr Theme: Quote - Customization
Quote Background#f2f5f9
Quote Text Color#000


Tumblr Theme: Chat - Customization
Chat Background#fcffcb
Chat Border Color#EFF2B1
Chat Text Color#424242

Format: Photo, Panorama & Photoset

Tumblr Theme: Photo - Customization
Photoset page Background#F5F5F5
Photo Page Background#F5F5F5
Photo Hover Background#33a6cc

Format: Text

Tumblr Theme: Text - Customization
Text Background#F5F5F5
Text Meta Color#bdbdbd
Text Heading Color#424242
Text Border Color#e0e0e0

Format: Audio & Video

Tumblr Theme: Audio - Customization
Video Background#f2f5f9
Audio Background#f2f5f9


Tumblr Theme: Footer - Customization
Bottom Text Color#000
Bottom Social Icons#000
Footer Author Text Color#424242
Footer Text Color#424242
Footer Strong Text Color#000


Tumblr Theme: Sidebar - Customization
Sidebar Background Color#000
Sidebar Headings Color#fff
Sidebar Text Color#f4f4f4
Sidebar Search Color#fff
Sidebar Menu Links Color#fff


Pagination Color#000
Pagination Hover Color#F5D76E
Selection Text Color#dedede
Selection Background Color#f0f0f0
Preloader Background#f2f5f9

    Featured Posts

Tumblr Theme: Grid

If you want to featured post you need add tag: featured

    Custom HTML

On the footer of the site you can add some text or text with html.
Example below:

Darth Vader had responsibilities. He was responsibile for the Death Star.

    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 3, 2015 - 1.2.1
- Preloader Animation

- Scripts

November 29, 2015 - 1.2.0
- Simple Posts Filter
- Featured Posts by Tag
- Lightbox
- Social Icons 
- Sidebar & Hamburger Menu Icon
- Logo & Menu Icon Fixed Position

- Mobile version
- Grid (Masonry)
- Scripts
- CSS (All formats)

October 30, 2015 - 1.1.3
- Scripts, Slick Slider

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

September 18,  2015 - 1.1.1
- Infinite Scrolling - Improvements

September 9,  2015 - 1.1.0
- HTML, CSS, JS Improvements
- Post Link - bug has been removed

August 13,  2015 - 1.0.5
- CSS3 Faster opacity filter
- New Post Type: Answer

August 3,  2015 - 1.0.4
- Like Button Bug Fixed

June 14, 2015 - 1.0.3
- New theme options

June 11, 2015 - 1.0.2
- Sidebar - New theme options
- Menu Icon - New theme options

June 11, 2015 - 1.0.1
- New preloader icon
- CSS changes

June 3, 2015 - 1.0.0