Hipster theme options

Here's a full breakdown of all the theme options included with Hipster. 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 sidebar and in the title of the page in your browser.

Description - this is for some basic information about your blog. It is displayed in the sidebar area. Make sure you keep it fairly short, so the sidebar doesn't grow too tall to fit on the screen.

Header image - this is the image for your main header image that appears all across Tumblr. You can add extra header images further down.

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

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

Title font - choose a font for your title, which appears all across Tumblr. 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 color of your blog title.

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

Show header image - choose whether to show your header image.

Show avatar - choose whether to show your avatar.

Show title - choose whether to show your blog title.

Show description - choose whether to show your blog description.


Image Options

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

Header 2-5 - use these upload slots to add your extra header images. The theme will load a random one each time you load the page. You don't have to use all of these - the theme just chooses from the images you've uploaded.


Color Options

Header Overlay - this sets a color to overlay the header image, to improve readability of your sidebar and headline.

Description Text - this sets a color of your description in the sidebar.

Menu Text - this sets a color of your menu links.

Social Background - this sets a background color of your social media links.

Social Icon - this sets a icon color of your social media links.

Post Background - this sets the background color for the posts on your blog.

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

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 and menu/load more buttons.

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


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.

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

Show Search - shows the search feature in the sidebar.

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 post info on the home page - includes the source, reblog info, tags and note count.


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.

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.