To start making edits to your theme you’ll need to go on to your blog page and click Edit Theme at the top right.
We’ve kept the colour options for the theme minimal. The few options let you take control of the look and feel of your blog. These can be located on the customization screen at the top.
Most are straight forward, if you was to change the main Background to black then you would also want to change the Text, Accent and Header Text colours from black to a colour that will stand out such as white.
When the logo, sidebar menu and social links are hovered over an image they change colour. To control these colours look for these two options.
Header Text Light BG
When the background image is light (bright/white) then by default the logo colour will change to black.
Header Text Dark BG
When the background image is dark then by default the logo colour will change to white.
To link to your social media paste your profile link in the relevant URL box.
You can choose to use a text logo or upload your own logo.
Image Logo
To upload your own logo find the Logo image box at the top of the customize screen and upload an image. The maximum height is 60px so all images will be resized to fit.
On this theme as well as uploading a main Logo you will also need to upload Logo Light BG and Logo Dark BG. This will allow the logo to change based on the background image colour. Make two versions of your logo, one for light backgrounds and one for dark backgrounds. Then:
Example:
Text Logo
You can change the font to be used as the logo (check the Fonts section). You can also customize the colour and whether you want the logo text to be all in capitals or not by finding the Logo Text dropdown menu.
There are two options with adding fonts, Google fonts and Typekit. You can view a list of popular fonts to use under the Fonts dropdown in the customize screen.
You can choose from these fonts or if you scroll down and find the boxes: Body Font, Logo Font and Banner Font. In here you can set individual fonts for the body, logo and banner.
In this example we will use Open Sans.
Here’s the full tutorial on using Typekit with our themes.
To change font size you will need to change the boxes: Font Size, Logo Size and Banner Text Size.
For font weights there are three dropdowns to adjust.
The sidebar is on by default.
To upload an avatar to the sidebar upload a Sidebar Avatar image.
Tumblr’s Archive, Random and RSS links are turned off by default on our themes. Find the switches to turn them on.
Custom Links
To add custom links find the Custom link boxes and put the name of the page and a link to the page. e.g.
You will need to get your Access Token and User ID then paste it into the boxes.
Instructions are here: https://themes.stashfamily.com/help/add-twitter-feed-to-our-tumblr-themes/
If you don’t want the sidebar then you can turn off the Sidebar option. It will still show up on Sidebar so if you want it removed there also turn on the Mobile Hide Sidebar option.
The first thing you will need to do is turn on the banner because it’s switched off by default.
After the banner’s switched on you need to upload an image. Find the Banner Background box and upload your banner image. Recommended size: 1400×800.
For mobile you can also upload a Mobile Banner Background. Which will only show on mobile. 800px800px should be fine.
If you are adding banner text/video I recommend also switching on Banner Overlay which adds a slight dark background on top of the image so that text stands out more.
You have three options for the banner video:
Once you have the Video ID paste it in to the Banner Youtube Video ID box.
First make sure your Youtube Playlist is Public or Unlisted and that Embedding is allowed.
Then, go to your playlist page and copy after list= make sure it looks like this. Then paste this in to the Youtube Playlist ID box. Also make sure you have nothing in the Youtube Video ID and Vimeo boxes.
Make sure embedding is enabled on the video then copy the video ID from the URL.
If you do not want the banner to show on mobile toggle the Mobile Hide Banner option on.
By default the video’s will play autoplay with the volume off. To customize this find this section:
You can also remove the video buttons by switching off the option Banner Video Buttons.
Next you can add some text or a button. Just find the Banner Text box and the Banner Button boxes.
On mobile you can hide the banner by switching on the Mobile Hide Banner option.
You can also add a Mobile Banner Background which is an image that will show on mobile instead of the main banner image.
You can customize how posts look by changing the Show settings. It’s self explanatory.
By default photo posts have no caption but once opened the caption shows.
This theme works by taking horizontal photos and stretching them out to the full window width. Square images will be displayed in the center in proportion.
On Google Analytics create a new property for your Tumblr blog address and paste that tracking ID in to the Google Analytics ID field in your blog’s Customization settings.
If your website is in a language other than English you will need to find the Translate section in the Customize screen and translate the text that you see there.
To remove Stash credit from your website you will need a Full License. Instructions are provided once you’ve obtained the license.