Tip-Top theme options

Here's a full breakdown of all the theme options included with Tip-Top. You can access these via your Customize page to change the appearance and functionality of your blog.

 

Appearance Options

These options let you change some basic settings on your blog. These also affect how your blog looks on mobile apps, the Dashboard and search results. You can also edit these from your main blog settings page - check out Tumblr's help section for more details.

Title - this is where you set the Title of your blog, which is displayed in the header and in the title of the page in your browser.

Description - this is the text used for the intro post on your home page.

Header image - this is the image for your main header image that appears all across Tumblr, and in the header of your theme.

Avatar - this is the image for your avatar, which appears all across Tumblr. On your theme, this displays alongside your blog title in the header.

Avatar Shape - this let's you choose either a square or circle avatar shape.

Title font - choose a font for your blog title, which appears all across Tumblr. This also controls your post titles and quotes on the theme. You can also choose to use the regular or bold version of the font.

Background color - set the main background color for your blog.

Title color - set the main color for titles on your blog.

Accent color - set the accent color your blog, this controls links and buttons too.

Show header image - choose whether to show your header.

Show avatar - choose whether to show your avatar.

Show title - choose whether to show your blog title.

Show description - choose whether to show your intro post.

 

Image Options

Logo - you can upload a Logo image, which will replace the blog title and avatar in the header.

Header 2-5 - upload extra header images to be used in the slideshow. You can add as many as you like, or just use one for a static header image.

 

Color Options

Header Background - this sets a background color of your header, including the color that your image fades out to when you scroll.

Post Background - this sets a background color of your Text, Quote, Chat and Answer posts posts.

Description - this sets the color of your intro post text.

Social Icon - this sets the background color for your social media icon links.

Social Icon Hover - this sets the hover state background color for your social media icon links.

Post Titles - this sets the text color for the the titles and quotes in your posts.

Text - this sets the main text color for your blog and posts.

Link - this sets the color for links in your posts.

Link Hover - this sets the hover color for links in your posts.

Borders - this sets the border color used in the theme.

 

Dropdown Options

Pagination - choose which pagination method to use: load more adds a simple button you hit to load more posts, infinite scroll loads posts as you scroll, and standard adds basic previous/next page buttons.

Photo Links- the six Link options allow you to choose what happens when you click on a photo:

  • Photo Link - choose what happens when you click the image in a regular photo post
  • Photo Link Permalink - same as above, but for the permalink of that post
  • Panorama Link - choose what happens when you click the image in a Panorama photo post
  • Panorama Link Permalink - same as above, but for the permalink
  • Photoset Link - choose what happens when you click an image in a photo set grid post
  • Photoset Link Permalink - same as above, but for the permalink

And the available options are:

  • Post - links to the permalink URL of the post
  • Image - links to the permalink URL of the image
  • Lightbox - opens the image in a lightbox view
  • None - just shows the photo, no link

 

Toggle Options

Photoset Cover - using this option shows the first image from a Photoset post on the home page, and then shows the full grid of images when you click through. Perfect for portfolios where you want to show more images on the permalink post.

Sticky Posts - activate the 'sticky posts' feature, which will display posts with a certain tag at the top of your home page feed.

Show Archive Link - shows a link to your archive in the main menu.

Show Search - shows the search feature in the menu.

Single Column Layout - choose whether to use the full-size single column layout instead of the grid layout on your index pages.

White Icons - changes the icons at the bottom of posts to white, in case you are using a dark background color.

Show Group Author - if you're using a group blog, this shows the avatar and name of who created the post on permalink pages.

Sharer - choose whether to show the 'share' function at the bottom of posts.

Sharer Twitter - choose whether to include Twitter sharing in the sharer popup.

Sharer Facebook - choose whether to include Facebook sharing in the sharer popup.

Sharer Google - choose whether to include Google+ sharing in the sharer popup.

Sharer Pinterest - choose whether to include Pinterest sharing in the sharer popup.

Show Timestamp - choose whether to show the timestamp on posts.

Show Meta On Home - choose whether to show extra information at the bottom of your posts on the home page.

 

Text Options

Title Font Size - control the font size used in your blog title.

Title Letter Spacing - control the spacing between characters in your blog title.

Menu Tags Title - set the title for your 'tag dropdown' in the menu.

Menu Tags - create a list of tags to show in your menu. Add the tag names separated by a comma. For example design,typography,posters. Only use spaces when there is a space in the tag, not between each tag. For example typography, graphic design, posters will NOT work, but typography,graphic design,posters WILL work.

Grid Spacing - control the amount of space between posts in the grid layout.

Photoset Spacing - control the amount of space between photos in a Photoset grid post.

Load More - sets the text inside the 'load more' button.

Load More Loading - sets the text inside the 'load more' button while posts are loading.

Load More End - sets the text inside the 'load more' button when there are no more posts to load.

Footer Text - sets the text in the footer of the page, next to the copyright statement.

Instagram Token - enter your Instagram token to set up the Instagram feed - get your token here.

Instagram Order - choose which order the Instagram feed goes within your posts.

Instagram Follow Me - the text used for the 'follow me' button at the bottom of your Instagram feed.

Google Analaytics Code - enter your Profile ID for Google Analytics tracking - see full details here.

Disqus Shortname - simply add your Disqus Shortname here to enable Disqus comments on your blog.

Sticky Tag - this is the tag for the posts that will be shown if you select the 'sticky posts' option.

Font Embed and Family - let's you set up custom fonts, see full details here.

URL icons - let's you link to your other websites/social media, see full details here.