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
- Unzip downloaded package and locate Grid.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 Grid.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
- 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
- On/OffAuthor Avatar and Name
- On/OffPost date
- On/OffShow Resize Photo Icon
- On/OffAuthor Info Box
- On/OffShow Social Links
- 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
- On/OffShow Instagram Feed
- On/OffShow Dribbble Feed
- On/OffShow Flickr Feed
- On/OffShow Twitter Feed
- On/OffFacebook Share
- On/OffTwitter Share
- On/OffPinterest Share
- On/OffGoogle Plus Share
- On/OffShow Tag Menu
|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
|Hover Links Color||#1976D2|
|Page Text Color||#000|
Format: 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
|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
|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
|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|
|Pagination Links Color||#000|
|Pagination Current Page Links Color||#BBBBBB|
|Footer Text Color||#262626|
|Footer Strong Text Color||#000|
|Selection Text Color||#fff|
|Selection Background Color||#000|
1. Go to your Settings page here
2. Select the blog on the right sidebar
3. Find the twitter section
4. Connect your Twitter account with your Tumblr Account
5. Turn on "Show Twitter 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"
- 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
- 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"
- 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.
Google Font Link 1: Montserrat
Google Font Link 2: Roboto:400,700
Menu Google Web Font: Montserrat
Body Google Web Font: Roboto
Please rate this theme if you don’t mind. It would be much appreciated.
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