Savory is quite possibly the only Tumblr theme ‘hand-stitched’ and full of textured goodness from Style Hatch. The theme comes with several dozen customization options to personalize the look and feel. Best of all you’ll have incredible support from Style Hatch.
We love emails—firstname.lastname@example.org!
After installing Savory you can personalize the theme by setting link, accent, text highlight, and background colors. Swap out the background image a different texture, image or just a solid color. In the appearances menu you also have the ability to change the body font, and upload a logo.
Savory has built in support for group blogs, sharing on Facebook and Twitter, Disqus, and Flickr. You can always use the Description HTML to extend the sidebar for ads, additional content boxes, social plugins and much more.
Want ultimate control over the typography in Savory? New to Savory 1.1 is full integration of Typekit in the appearance options. Here are the basic steps involved in setting up Typekit for your site:
- Register for a Typekit account - https://typekit.com/plans Typekit offers several affordable yearly accounts, but you can always go with the free plan with access to their trial library.
- Browse through the library and click + Add to Kit after you’ve selected the body and title font for your site.
- While you have the Typekit Editor open go through the list of Weights & Styles (screenshot) selecting only the fonts that you need. This is typically regular, regular italic, bold and bold italic.
- Once you have your two fonts selected hit the green Publish button at the bottom right (screenshot).
- Go to back to Tumblr and open Customize > Appearance, find the Typekit ID field and paste in your Typekit ID. You can find the ID by opening the Typekit Editor and clicking Embed Code at the top right. You only want to copy and paste the 7-8 character ID at the bottom (screenshot).
- Now paste in the font-family values for the body and title fonts into Customize > Appearance. You will find it by clicking Advanced below the Selectors on the left (screenshot).
Tip: Even if you don’t use Typekit you can use the Typekit Body Font and Typekit Title Font options to paste in other standard font-family fonts.
Set the color of key text elements including Text titles, author and source credits, tags, icons, and others.
This change the color of links in the posts and sidebar elements.
Link Hover Color
Change the rollover color for the links.
This is useful if you want to clear the background image to simply have a solid color or if you have a background image that fades to a solid color.
Set the highlight color when you’re selecting blocks of text.
This option give you the ability to select from 16 fonts to apply to the majority of the text. Only the small button/UI text is excluded from this list.
Upload an image to use as a logo or header image in the sidebar. Ideally the image should be 300px wide.
Upload a new background texture or image. By default the image will tile in the background, but with the Custom CSS field you can define the repeat, fixed, and position of the image.
Show Portrait in Description
Displays your 30px portrait icon in your site description.
Show Group Blog Details
By default Savory will list all the site authors in the sidebar as well as add a “posted by” below each post. Uncheck this option if you want to hide the authors.
Show follow on Tumblr link
This adds a “Follow on Tumblr” link to the top left of the page.
Show Logo Frame
Add a white page frame with a drop shadow behind your logo image.
This option will hide the stitching, textures, and page tears if you want to go with a clean design.
Set the titles to display above your description, contributors (group blog authors), recent tweets, and liked posts.
Add your Disqus site shortname to enable comments on Savory.
The follow sites listed below have icons associated in the theme that you can enable by entering in a link to your profile:
- Cargo Collective
- Skype username URL
- Stumbled Upon
- Email address