X-Cube 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 X-Cube.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 X-Cube.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


Basic Options

  • On/OffInfinite Scroll
  • On/OffShow Preloader


  • On/OffIntro
  • On/OffIntro Image
  • On/OffSocial Icons
  • On/OffShow Menu
  • On/OffShow RSS link
  • On/OffShow Archive link
  • On/OffShow Random link


  • On/OffSidebar
  • On/OffSidebar Author Info
  • On/OffSidebar Avatar
  • On/OffSidebar Search
  • On/OffSidebar Tags
  • On/OffShow Instagram Feed
  • On/OffShow Dribbble Feed
  • On/OffShow Flickr Feed
  • On/OffShow Twitter Feed
  • On/OffShow Social Links

Posts Options

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


  • On/OffFooter Social Icons

Social Share

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


  • On/OffTag Menu


Tumblr Theme: Sidebar - Customization


Tumblr Theme: Header - Customization


Tumblr Theme: Post - Customization



Tumblr Theme: Text - Customization
Background Color#f3f3f3
Header Color#fff
Text Color#999999
Link Color#1bbc9b
Link Hover Color#29ebc3
Read more#bdbdbd


Tumblr Theme: Header - Customization
Logo Text Color#000
Intro Heading Color#000
Intro Text Color#DBDBDB
Hamburger Menu Color#000


Menu Text#000
Menu Text Hover#bdbdbd
Tag Menu Color#cecece


Tumblr Theme:Footer - Customization
Footer Text Color#424242
Footer Author Text Color#bebebe
Footer Social IconsOn/Off

Format: Chat Customization

Tumblr Theme: Chat - Customization
Chat Background#fff
Chat Text Color#000
Chat Border Color#f0f0f0

Format: Quote Customization

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

Format: Link Customization

Tumblr Theme: Link - Customization
Link Background#fafafa
Link Border Color#f0f0f0
Link Main Text Color#1bbc9b
Link Text Color#dedede

Format: Audio Customization

Tumblr Theme: Audio & Video - Customization
Audio and Video Background#fff


Tumblr Theme: Photo - Customization
Text Background#fafafa
Text Meta Color#bdbdbd
Pagination Text Color#bdbdbd
EXIF 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.

    Featured Posts

Tumblr Theme: Grid

If you want to featured post you need add tag: featured

    Google Fonts

Tumblr Theme: Google Font

Intro Font Weight 400

Google Font 1: Montserrat:400,700

Header Font: 'Montserrat', sans-serif

Google Font 2: Roboto:400,700

Main Font: Roboto


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

Review - Tumblr Theme


February 22, 2016 - 1.2.1
- New Customization Options

November 14, 2015 - 1.2.0
- New Lightbox

October 29, 2015 - 1.1.1
- Sctipts, Slick Slider

Format Link:
- Added: Link thumbnail 

October 22, 2015 - 1.1.0
- Added: Filter Posts By Tag

September 15, 2015 - 1.0.1
- Minor Bug Fixes

August 4, 2015 - 1.0.0
- Released