Selfie theme options

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

Description - this is the text shown in your intro section above the posts.

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

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

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. 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 image slideshow.

Show avatar - choose whether to show your avatar.

Show title - choose whether to show your blog title.

Show description - choose whether to show your description.

 

Image Options

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

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 for your main image area - if you choose to hide the header image then you'll see this color.

Header Overlay - this sets a color to overlay the header image, to improve readability of your blog title/logo and the menu.

Header Text - this sets the color for text in the main image area, including your blog title and the menu.

Description - this sets the color of your intro text.

Borders - this sets the color of the borders used in posts, and the timestamp at the top of posts.

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

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

 

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 Intro - choose whether to show the 'intro' above your posts, which includes your description and social media icons.

Show Home Link - shows a link to your blog's home page in the main menu.

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

Show Search - shows the search feature in the menu.

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 at the top of 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 Small - control the font size used for your blog title on mobile devices.

Title Font Size Medium - control the font size used for your blog title on tablet devices.

Title Font Size Large - control the font size used for your blog title on larger devices.

Title Letter Spacing - control the spacing between characters in your blog title. This uses the 'em' unit, so you should use small values like -0.02 or 0.04. Try it and play with the values, you'll figure it out.

Title Rotation - your blog title/logo can rotate as the page loads. Enter the degree you'd like here, a positive number to go clockwise, negative to go anti-clockwise. Probably best to use a fairly small value here.

Description Font Size Small - control the font size used for your description on mobile devices.

Description Font Size Medium - control the font size used for your description on tablet devices.

Description Font Size Large - control the font size used for your description on larger devices.

Description Letter Spacing - control the spacing between characters in your description. This uses the 'em' unit, so you should use small values like -0.02 or 0.04. Try it and play with the values, you'll figure it out.

Menu Pages Title - set the title for your pages dropdown list in the menu.

Menu Tags Title - set the title for your 'tag list' 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.

Menu Search Title - set the title for your search feature in the menu, which displays on mobile devices and tablets only.

Header Overlay Opacity - control the opacity of the header overlay color - use decimal values here, for example 0.2 is 20%.

Header Overlay Menu Opacity - control the opacity of the header overlay color when the menu dropdowns and search are used. We recommend making this darker so it's easier to read, for example by using 0.6.

Logo Width - if you're using the logo image upload, you can set a maximum width for the image. To best support retina displays, enter a value that is half the actual size of your logo file.

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