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

  • On/OffInfinite Scroll

General Options

  • On/OffNotes
  • On/OffDate
  • On/OffTags on Home Page
  • On/OffTags on Post Page
  • On/OffNext Previous Links on Post Page

Top

  • On/OffShow Menu
  • On/OffShow RSS link
  • On/OffShow Archive Link
  • On/OffShow Random Link

Social Share

  • On/OffShare Button
  • 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 Menu
  • On/OffSidebar Tags
  • On/OffSidebar Search
  • On/OffSidebar Social Icons
  • On/OffShow Instagram Feed
  • On/OffShow Dribbble Feed
  • On/OffShow Flickr Feed
  • On/OffShow Twitter Feed
  • On/OffShow Social Links


Sidebar

Tumblr Theme: Sidebar - Customization

Top

Tumblr Theme: Top - Customization

Posts

Tumblr Theme: Posts - Customization

Permalink

Tumblr Theme: Permalink - Customization

    Colors

Header

Header Background Color#eee
Header Nav Color#606060
Header Nav Color Hover#000

Format Text

Tumblr Theme: Text - Customization
General Link Color#01579b
General Link Color Hover#03a9f4
Text Color#000
List Text Color#595959
Meta Text Color#b9b9b9
Text Title Color#212121
Text Title Color Hover#424242
Read more#b9b9b9

Format Chat

Tumblr Theme: Chat - Customization
Chat Background#fff8bf
Chat Text Color#000
Chat Title Color#212121
Chat Title Color Hover#424242
Chat List Odd Text#9f9966
Chat List Odd Color#ebe3a3

Format Link

Tumblr Theme:Link - Customization
Link Background#e1f5fe
External Link#3949ab
Link Icon#1a237e
Link Title Color#1a237e
Link Meta Text Color#000

Format Quote

Tumblr Theme: Quote - Customization
Quote Background#fafafa
Quote Title Color#000
Quote Text Color#000
Quote Link Color#bdbdbd
Quote Meta Color#b9b9b9
Quote Author Text Color#b9b9b9

Format Video

Tumblr Theme: Video - Customization
Video Background#000
Video Heading#e0e0e0
Video Text Color#fff
Video Meta Color#fff
Video Quote Text Color#757575
Video Link Color#bdbdbd

Format Photo

Photo Background#000
Photo Link Color#fff
Photo Meta Text#fff
Photo Exif Text#fff
Photoset Background#212121
Photoset Meta Text#fff
Photoset Text Color#9e9e9e
Photoset Heading#fff
Photoset Strong Text#fff

Footer

Loading Color#f5f5f5
Pagination Text Color#000
Pagination Current Text Color#b9b9b9
Border Footer#f1f1f1
Footer Link Color#858585
Footer Text Color#2d2d2d
Footer Author Text Color#bdc3c7
Selection Text Color#fff
Selection Background Color#000
Notes more#000
Notes Author#000
Notes Text#4d4d4d
Blockquote Text#9e9e9e
Blockquote Link#666666
Blockquote Strong Text#757575
Blockquote Border#e0e0e0
Del Text Color#333333
Pre Background#fffde7
Pre Text Color#000

    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.0.12 ] - June 10, 2016
### Fixed:
- Minor bug fixes
	
[ 1.0.11 ] - February 23, 2016
### Added
- Photo Exif on/off

[ 1.0.10 ] - January 21, 2016
### Fixed
- Navigation - Unnecessary link has been removed

[ 1.0.9 ] - December 21, 2015
### Changed
- Post Share
- Post Notes (CSS)

### Fixed
- Minor Bug Fixes

[ 1.0.8 ] - November 20, 2015
### Changed
- Post Notes (CSS changes)

[ 1.0.7 ] - October 8, 2015
### Changed
- Dribble Feed (Update)

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

[ 1.0.5 ] - September 6, 2015
### Fixed
- Format Link

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

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

[ 1.0.2 ] - April 13, 2015
### Fixed
- Social Share Icon Bug Fixed (Infinite Scroll)

[ 1.0.1 ] - March 28, 2015
### Fixed
- Minor bugs fixed

[ 1.0.0 ] - March 26, 2015
- Released

    Credits