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

General

  • On/OffShow Preloader
  • On/OffInfinite Scroll
  • On/OffClick Image Anywhere
  • On/OffSimple Popup
  • On/OffPop Up Photo Caption
  • On/OffShow Menu
  • On/OffShow RSS link
  • On/OffShow Archive link
  • On/OffShow Random link
  • On/OffShow Search
  • On/OffNext Previous Links on Post Page

Posts Options

  • On/OffAuthor Avatar and Name
  • On/OffPost date
  • On/OffTags
  • On/OffNotes
  • On/OffShow Resize Photo Icon
  • On/OffAuthor Info Box
  • On/OffShow Social Links

Sidebar

  • On/OffSidebar
  • On/OffSidebar Menu
  • On/OffSidebar Tags
  • On/OffSidebar Search
  • On/OffSidebar Social Links
  • On/OffSidebar Author Info
  • On/OffSidebar Author Name
  • On/OffSidebar Author Description
  • On/OffSidebar Avatar

Feeds

  • On/OffShow Instagram Feed
  • On/OffShow Dribbble Feed
  • On/OffShow Flickr Feed
  • On/OffShow Twitter Feed

Social Share

  • On/OffFacebook Share
  • On/OffTwitter Share
  • On/OffPinterest Share
  • On/OffGoogle Plus Share

More

  • On/OffShow Tag Menu


Sidebar

Tumblr Theme: Sidebar - Customization

Top

Tumblr Theme: Top - Customization

Post

Tumblr Theme: Post - Customization

    Colors

General Customization

Background Color#ffffff
Logo Color#000
Page Description Text Color#404040
Menu Links Color#000
Menu Links Hover Border Color#000
Hamburger Menu Icon Color#000
Input Search Border Color#ecf0f1
Input Search Text Color#595959

General Posts Customization

Links Color#40c4ff
Hover Links Color#1976D2
Page Text Color#000

Format: Text Customization

Tumblr Theme: Text - Customization
Post Text Background#f0f0f0
Post Text Title Color#000
Post Text Meta Color#000
Post Text Read More Color#b9b9b9
Post Text Color#6b6b6b
First Paragraph Text Color#121212

Format: Quote Customization

Tumblr Theme: Quote - Customization
Post Quote Background Color#1c1c1c
Post Quote Color#fff
Post Quote Meta Text Color#707070
Post Quote Author Color#d11142
Post Quote Content Text Color#707070

Format: Chat Customization

Tumblr Theme: Chat - Customization
Post Chat Background Color#fffee8
Post Chat Title Text Color#000
Post Chat Text Color#000
Post Chat List Border Bottom Color#f2f1d3

Format: Video Customization

Post Video and Audio Background Color#1c1c1c
Post Video and Audio Meta Text Color#707070
Post Video and Audio Text Color#cccccc

Format: Link Customization

Tumblr Theme: Link - Customization
Post Link Background Color#e4f8fc
Post Link Meta Text Color#a2c2c9
Post Link Title Color#121212
Post Link Meta Separator Color#000
Post Link External Link Color#121212

Footer Customization

Tumblr Theme: Footer - Customization
Pagination Links Color#000
Pagination Current Page Links Color#BBBBBB
Footer Text Color#262626
Footer Strong Text Color#000

Other Customization

Selection Text Color#fff
Selection Background Color#000

    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.

    Google Fonts

Tumblr Theme: Google Font

Google Font Link 1: Montserrat

Google Font Link 2: Roboto:400,700

Menu Google Web Font: Montserrat

Body Google Web Font: Roboto

    Review

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

Review - Tumblr Theme

    Changelog

	December 14 2016 - 2.1.1
Fixed:
- Minor bug fixes	

	October 25, 2016 - 2.1.0
Fixed:
- Responsive Layout (percentage size)

August 9, 2016 - 2.0.7
Fixed:
- Bug fixes (Format Video)

July 20, 2016 - 2.0.6
Fixed:
- Bug fixes (Infinite Scrolling)

June 15, 2016 - 2.0.5
Fixed:
- Bug fixes (Photo content - background color)

June 8, 2016 - 2.0.4
Fixed:
- Bug fixes

Added:
- Just hit the ESC button to hide sidebar

April 4, 2016 - 2.0.3
- Few improvements

January 10, 2016 - 2.0.2
Fixed:
- Photoset bug (infinite scrolling)

January 9, 2016 - 2.0.1
Fixed CSS:
- Format Video & Audio (.post-head)
- Format Photo & Photoset

December 14, 2015 - 2.0.0
- Design Changes
- New Lightbox
- New HTML Structure and CSS

October 28, 2015 - 1.3.4
- Scripts (Update)
- Top Menu: reduced line-height (CSS)

October 8, 2015 - 1.3.3
- Dribbble Feed (Update)

September 20, 2015 - 1.3.2
- Minor Bug Fixes

September 6, 2015 - 1.3.1
- Format Link Improvements

August 31,  2015 - 1.3.0
- Better Google Fonts support
- SEO, HTML, CSS, Scripts improvements

August 25,  2015 - 1.2.0
- CSS changes
- All scripts have been updated
- New sidebar
- Documentation improvements

August 3,  2015 - 1.1.6
- Like Button Bug Fixed

June 15, 2015 - 1.1.5
- CSS changes (.post .postExcerpt img)

June 3, 2015 - 1.1.4
- Masonry Script Update 

May 21, 2015 - 1.1.3
- Masonry Bug Fixed (Infinite Scroll)

May 20, 2015 - 1.1.1
- Updated jQuery & Infinite Scroll Scripts
- Added Optional Image Popup

April 27, 2015 - 1.1.0
- Added new photo popup:
    + LightBox Gallery
    
April 21, 2015 - 1.0.12
- CSS changes
- Improve mobile
- Bugs fixed
- Added new options:
    + Logo custom fonts
    + Image Resize Icon On/Off

April 16, 2015 - 1.0.11
- Add new option: Click Image Anywhere On/Off

April 4, 2015 - 1.0.10
- CSS changes (Post type: Audio and Video)

March 31, 2015 - 1.0.9
- Minor Bug Fixed

March 30, 2015 - 1.0.8
- CSS changes on mobile

March 24, 2015 - 1.0.7
- CSS changes

March 16, 2015 - 1.0.6
- Preloader on/off

March 15, 2015 - 1.0.5
- Masonry Bug Fixed (Slider)

March 14, 2015 - 1.0.4
- Post Filtering

March 13, 2015 - 1.0.3
- Minor Bug Fixed

February 24, 2015 - 1.0.2
- Added Image Magnific Popup

February 23, 2015 - 1.0.1
- Added Infinite Scrolling

February 13, 2015 - 1.0.0
- Released

    Credits