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
- Unzip downloaded package and locate Illusion.html file.
- 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. - 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).
- Log in to your Tumblr Dashboard.
- Open up your Customize panel and click "Edit HTML"
- Replace it with the new code you have copied from file
- Hit Update and click Save
IMPORTANT TextEdit (only Mac users)
Open TextEdit Preferences (CMD + ,)
CHECK: When opening a file display HTML files as HTML code instead of formatted text
Now you can open *.html, *.txt files
Customization
Basic options
- On/OffInfinite Scroll
- On/OffShow Preloader
- On/OffMenu Icon Transparent
Sidebar
- On/OffSidebar
- On/OffSidebar Author Info
- On/OffSidebar Avatar
- On/OffSidebar Main Menu
Bottom
- On/OffBottom Block
- On/OffBottom Logo
- On/OffBottom Text
- On/OffBottom Social Icons
Navigation
- 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
Social
- On/OffLike Button
- On/OffReblog Button
- On/OffFacebook Share
- On/OffTwitter Share
- On/OffPinterest Share
- On/OffGoogle Plus Share
Sidebar
Posts
Footer
Colors
Navigation | |
Menu Background Color | #000 |
Menu Icon Color | #fff |
Menu Icon Active Color | #fff |
General | |
Logo Text Color | #000 |
Text Color | #999 |
Text Strong Color | #424242 |
Link Color | #33a6cc |
Link Hover Color | #65bdda |
Format: Link | |
Link Background | #F3FFFE |
Link Border Color | #1bbc9b |
Link Heading Color | #1bbc9b |
Link Text Color | #424242 |
Format: Quote | |
Quote Background | #f2f5f9 |
Quote Text Color | #000 |
Format:Chat | |
Chat Background | #fcffcb |
Chat Border Color | #EFF2B1 |
Chat Text Color | #424242 |
Format: Photo, Panorama & Photoset | |
Photoset page Background | #F5F5F5 |
Photo Page Background | #F5F5F5 |
Photo Hover Background | #33a6cc |
Format: Text | |
Text Background | #F5F5F5 |
Text Meta Color | #bdbdbd |
Text Heading Color | #424242 |
Text Border Color | #e0e0e0 |
Format: Audio & Video | |
Video Background | #f2f5f9 |
Audio Background | #f2f5f9 |
Footer | |
Bottom Text Color | #000 |
Bottom Social Icons | #000 |
Footer Author Text Color | #424242 |
Footer Text Color | #424242 |
Footer Strong Text Color | #000 |
Sidebar | |
Sidebar Background Color | #000 |
Sidebar Headings Color | #fff |
Sidebar Text Color | #f4f4f4 |
Sidebar Search Color | #fff |
Sidebar Menu Links Color | #fff |
Other | |
Pagination Color | #000 |
Pagination Hover Color | #F5D76E |
Selection Text Color | #dedede |
Selection Background Color | #f0f0f0 |
Preloader Background | #f2f5f9 |
Featured Posts
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.
<br>
<h4>Badger</h4>
Instagram Feed
- Authorize your Instagram account here
- Scroll down the page and click on the Retrieve my details bro! button.
- Copy and paste your User ID in the "Instagram Your User ID"
- Copy and paste your Access token in the "Instagram Your Access Token"
- Click Save
- You can also set: "Instagram Images Limit" and turn on/off Instagram feed "Show Instagram Feed"
- Turn on "Show Instagram Feed"
Dribbble Feed
- Copy and paste your Dribbble account name in the "Dribbble Username" section in the Customize panel
- You can also change Dribbble shots number in the "Dribbble Shots Limit" field or turn off dribbble feed in the "Show Dribbble Feed"
- Click Save
Flickr Feed
- Get your Flickr ID number here by typing in your flickr URL of your photostream.
- Paste your ID in the "Flickr Username ID" section in the Customize panel
- Click Save
- You can also set: "Flickr Images Limit" and turn on/off "Show Flickr Feed"
Mobile version
- Go to "Advanced options" at the bottom of the Customize panel
- Turn off "Use default mobile theme" and click Save
- Make sure to save the changes.
Review
Please rate this theme if you don’t mind. It would be much appreciated.
Changelog
May 3, 2015 - 1.2.1 New: - Preloader Animation Improvements: - Scripts - CSS November 29, 2015 - 1.2.0 New: - Simple Posts Filter - Featured Posts by Tag - Lightbox - Social Icons - Sidebar & Hamburger Menu Icon - Logo & Menu Icon Fixed Position Improvements: - Mobile version - Grid (Masonry) - Scripts - CSS (All formats) October 30, 2015 - 1.1.3 Update: - 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 -Released