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

    Customization

Basic Options

  • On/OffInfinite Scroll
  • On/OffShow Preloader
  • On/OffAvatar
  • On/OffLogo

Intro

  • On/OffIntro
  • On/OffIntro Avatar
  • On/OffShow Intro Heading
  • On/OffShow Intro Text
  • On/OffIntro Social Icons
  • On/OffShow RSS link
  • On/OffShow Archive link
  • On/OffShow Random link

General Posts Options

  • On/OffAuthor Info Box
  • On/OffNotes
  • On/OffTags
  • On/OffShow Post Tags
  • On/OffShow EXIF Data
  • On/OffNext Previous Links on Post Page
  • On/OffDate

Social Share

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

Sidebar Options

  • On/OffSidebar
  • On/OffSidebar Author Info
  • On/OffSidebar Avatar
  • On/OffSidebar Social Icons
  • On/OffShow Instagram Feed
  • On/OffShow Dribbble Feed
  • On/OffShow Flickr Feed
  • On/OffShow Twitter Feed
  • On/OffSidebar Search
  • On/OffSidebar Navigation
  • On/OffSidebar Tag Menu


Tumblr Theme: Header - Customization

Sidebar

Tumblr Theme: Sidebar - Customization

Posts

Tumblr Theme: Posts - Customization
Tumblr Theme: Posts permalink - Customization

    Colors

General

Tumblr Theme: Head - Customization
Logo Text Color#000
Menu Icon Color#000
Text Color#999999
Text Strong Color#424242
Link Color#BDC3C7
Link Hover Color#dc1f65
Intro Heading Color#000
Intro Text Color#000
Intro Social Icons Color#424242
Intro Background Color#fff
Tumblr Theme: Text - Customization
Text Background#F5F5F5
Text Meta Color#bdbdbd
Text Heading Color#424242
Text Border Color#e0e0e0

Format: Photo

Photoset Background#fff
Photo Background#fff

Video & Audio

Tumblr Theme: Video - Customization
Video and Audio Background Color#1c1c1c
Video and Audio Small Text Color#1c1c1c
Video and Audio Text Color#ccc
Video and Audio Link Color#fff

Format: Link

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

Format: Chat

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

Format: Quote

Tumblr Theme: Quote - Customization
Quote Background Color#81CFE0
Quote Text Color#000
Quote Border Color#ededed

Footer

Footer Author Text Color#dbdbdb
Footer Text Color#dbdbdb
Footer Strong Text Color#9a9a9a
Pagination Color#4f555b
Pagination Hover Color#f876a6
Selection Text Color#dedede
Selection Background Color#f0f0f0

    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.

    Review

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

Review - Tumblr Theme

    Changelog

##[1.3.1] - June 10, 2016
### Fixed:
- Format Video

##[1.3.0] - May 27, 2016
### Changed:
- Responsive Grid Layout (width: percent)

##[1.2.1] - January 27, 2016
### Changed:
- CSS improvements

##[1.2.0] - November 14, 2015
### New:
- Lightbox

##[1.1.6] - October 30, 2015
### Changed:
- Scripts, Slick Slider (Update)

### Added:
Format Link:
- Added: Link thumbnail 

##[1.1.5] - October 8, 2015
### Changed:
- Dribbble Feed (Update)

##[1.1.4] - October 2, 2015
### Changed:
- Format Chat (CSS changes)

##[1.1.3] - September 21, 2015
### Fixed:
- Minor Bug Fixes

##[1.1.2] - September 15, 2015
### Fixed:
- Bug has been  removed: Image width (in content)

##[1.1.1] - September 6, 2015
### Fixed:
- Format Link Improvements

##[1.1.0] - August 28,  2015
### Changed:
- Post Answer
- New Sidebar
- Scripts have been updated

##[1.0.5] - August 3,  2015
- Like Button Bug Fixed

##[1.0.4] - June 11, 2015
### Fixed:
- Date On/Off Fixed
- Video Post Type CSS changes 

##[1.0.3] - June 3, 2015
### Fixed:
- Minor Bugs fixed

### Changed:
- Masonry, jQuery (Update)

##[1.0.2] - May 23, 2015
### Changed:
- Post Quote Bug fixed (CSS)

##[1.0.1] - May 20, 2015
### Changed:
- jQuery & Infinite Scroll Scripts  (Update)

##[1.0.0] - May 14, 2015
-Released

    Credits