Welcome to Jetty
Introducing Jetty, a thoughtfully designed premium theme to channel for your ideas, inspiration and musings on Tumblr all hand-crafted by your friends at Style Hatch. Our team poured countless hours into polishing all the details of Jetty, and we can't wait to see what you do with it!
Responsive Layout
The types of devices and ways that people are viewing your blog are growing exponentially, so having a layout for your blog that adapts from the largest resolution monitors down to mobile views is important. Go ahead and try it out, resize your browser window down to get an idea of how the layout changes. We have tested and optimized
Jetty was optimized for iOS devices (iPad and iPhone) but it should work for other mobile devices just the same.
Social Features
We realize you spend a lot of time on other platforms outside of Tumblr, so we have built in ways to display your recent tweets, Instagram feed, Disqus comments and easy ways to share, like and pin your posts on Twitter, Facebook, Google Plus and Pinterest.
Additionally you will find a handful of social networks that you can link to in the Customize menu.
Customization Options
Our goal is to give you the creative freedom to customize Jetty to fit your personal style and genius. With the color options, background images, layout options and social integrations the flexibility is unlimited.
We can’t wait to see what you do with it! Send a link our way @stylehatch.
Colors
Sidebar Background - Set the background color used for the sidebar or header at mobile sizes.
Sidebar Text - Controls the color of the description text at the bottom right of the sidebar.
Sidebar Accent - The accent color controls the link and navigation colors in the sidebar.
Sidebar Nav Background - Set the background color used for the transparent bar that appears behind the navigation.
Post Accent - This controls the color of all the links and various UI elements in your posts.
Post Hover - Set the hover color for all of the links in your posts.
Feed Background - Set the background color for your feed that appears at the far right of your blog or at smaller resolutions as your footer.
Feed Text - Set the color used for all the text in your feed.
Feed Accent - Apply an accent color for the links that appear in your feed area.
Images
Logo - Upload a logo image to be displayed at the top right of the sidebar. For retina ready images double the size you want the logo to appear and then use the Custom CSS to set the logo size to 50%. We're here to help if you need it - [email protected]
Sidebar Background - Upload an image to be used for the sidebar background. Check the "Fill Sidebar Background Image" to have the image fill and stretch to the sidebar or header area.
Options
Infinite Scrolling - By default you will see the standard next and previous pagination, but turning on the infinite scrolling will allow visitors to endlessly load all of your posts.
Stretch Photos To Fit - This option will allow your photos to stretch and fill the entire width of the permalink pages. If you frequently post low resolution images you might have better results turning this off.
Fill Sidebar Background Image - Turning this option on will fill the background window to the entire height and width of the browser window.
Show Group Blog Details - If you plan on using Patchwork on a secondary blog for a group blog turn this option on to show the list of authors and ‘posted by’ details.
Custom Text
Liked Title - Customize the title you see above the most recent post you liked on Tumblr.
Instagram Title - Customize the title you see above your recent shot on Instagram.
Header Inject - Use this advanced option to inject HTML into the <head> of the theme.
Feed Inject - Add HTML that will appear at the top of your feed to the right side or in the footer.
Permalink Inject - Add HTML that will appear directly below your post on permalink pages.
Add-Ons
Twitter Widget Embed - Paste in the embed code for your Twitter widget created on Twitter. After you customize the Twitter settings, copy and paste in the widget embed code.
Disqus ID - Add your Disqus Site Shortname to enable comments for your site. Click here to register for a Disqus site account.
Google Analytics ID - This theme has asynchronous Google Analytics tracking built into the theme, all you need to do is add your site ID to this option.
Clicky ID - For realtime tracking of who is on your site right now, goals, campaigns and Twitter monitoring add your Click ID. Clicky does charge for their analytics and tracking, but I highly recommend it for people who are stats junkies. Sign up for an account with Clicky.
Instagram Access Token - To add your recent Instagram shots head over to stylehatch.co/instagram and follow the easy steps to authorize the theme with Instagram and get your access token.
Typekit ID - Add your Typekit site ID enable custom typography and font-face fonts for your site. For detailed directions check out our help article on adding Typekit to your Tumblr blog.
Google Fonts Link - Add Google Webfonts by going to http://google.com/webfonts and picking out a font you want to use with the theme. After selecting the font copy the standard code and paste this option into the customize menu. You will also need to copy the font family and paste it into the body, title or UI font family option.
Body and Title Font Family - Add a standard CSS font stack or Typekit CSS font name to control the body and title fonts.
Social Links
Add URLs to display the following social site icons below your site description. Make sure you add the full URL, including “http://”, for example “http://twitter.com/stylehatch”
500px, Amazon, Bandcamp, Behance, Cargo Collective, Delicious, Dribbble, Etsy, Facebook, Flickr, Foursquare, Gimmie Bar, Github, Google Plus, Instagram, Last.fm, Linked In, Pinterest, Quora, Rdio, Reddit, Soundcloud, Spotify, Stumbled Upon, Twitter, Vimeo, YouTube, generic website, store and email address links.
Still Need Help?
Tweet @stylehatch for quick help! Otherwise you can email us. Really, we’re quite friendly and helpful.
