Here at Style Hatch we’re thrilled to launch our latest collaboration with designer Meg Lewis. Juuvy has the perfect balance of designer details and a modular grid to make your blog perfect on Tumblr. Want to change up the colors, layout, fonts and background images? Make Juuvy yours!
Custom Post Sizes
With Juuvy you can control the size of each of your posts by adding tags. Add xs for the small 220px wide posts, xx for the default 500px wide posts, and xl for the large 780px wide posts.
Make sure you check out Juuvy on your iPhone or iPad. We have all the details covered!
We spent countless hours on all the tiny details and love that went into Juuvy. From the decorative post footers to the popular site tags under search to the way Juuvy looks on an iPhone, we have it all covered! Spend some time exploring the theme, and we’re sure you’ll find something new each time.
Juuvy has built in support for group blogs, sharing on Facebook and Twitter, Disqus, Flickr, and sites you follow. Also in the appearances options you’ll find nearly 30 social profile icon links.
Want ultimate control over the typography in Juuvy? Typekit is fully supported in Juuvy through 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, UI 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 Body, UI, and Title Font Family options to paste in other standard font-family fonts.
- Background - Set the background color used for the overall site. If you want to just show a solid background color make sure you clear out the background image option.
- Accent - Pick an accent color that is used for various links, rollover elements and UI touches.
- Secondary - Change up the secondary color that is used for the top site border, link posts and various UI elements.
- Subtle - The Subtle color controls the color used behind links and buttons throughout the theme.
- Background - Upload an image to be used as the site’s background. With the “fill background image” option you can upload larger images that will stretch and fill to the browser size. Otherwise the background image will simply tile.
- Logo - Upload an image to replace the site title with a logo. Keep in mind that the sidebar is limited to 200px wide so size your logo accordingly.
- Show portrait in description - Display your blog icon inside the site description
- Enable infinite scrolling - With infinite scrolling turned on pages will continually load as you scroll down the page.
- Fill background image - Check this option to stretch larger background images to always fill the browser window. Otherwise the background image will simply tile.
- Show group blog details - If your site is setup as a secondary blog, and you invite others to be authors check this option to show the author list as well as author names below each post.
- Show sites I follow - Show a list of icons for the sites that you follow on the sidebar.
- Show share button - This option adds a share button below each post that reveals the Facebook like, Twitter’s tweet, and Google’s +1 buttons.
- Show post decorations - Uncheck this option to remove the decorative post footer designs.
- Use uppercase titles - By default Juuvy will convert all the titles to uppercase. Uncheck this option to use capitalized titles.
- Large post size default - Set the default post size to “xl” or 780px wide.
- Small post size default - Set the default post size to “xs” or 220px wide.
- Load title font Lato - If you don’t use Typekit to customize your fonts you might want to check this option to load in Lato from Google fonts that works perfectly with the theme design.
- Show popular tags in search - Check this option to load in a tag cloud of popular tags below the search option.
- Use DDMM day format - By default Juuvy shows post dates as MM/DD common to North America, but if you check this option it will switch the format to DD/MM.
- Lock sidebar - This will fix the sidebar in place so that it does not scroll. Keep in mind that you might want to minimize the sidebar elements with this option turned on.
Juuvy give you the ability to change up various titles and bits of text throughout the theme. These options include: description title, social links title, authors title, following title, likes title, flickr title and footer copyright.
Extensions and 3rd Party Addons
- 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 - Ascender 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.
- Flickr ID - Add your Flickr ID to display four thumbnails of your most recently uploaded images. To find your Flickr ID use http://idgettr.com
- Typekit ID - Add your Typekit site ID enable custom typography and font-face fonts for your site.
- Tweet Count - Sets the number of recent tweets to show in the right column.
- Likes Count - Sets the number of Tumblr liked posts to display in the right column. The maximum like count is 10.
Add URLs to display the following social site icons below your site description. Note: Make sure you add the full URL, including “http://”.
Behance, Cargo Collective, Delicious, Deviant Art, Digg, Dribbble, Ember, Etsy, Facebook, FFFFound, Flickr, Formspring, Forrst, Foursquare, Gowalla, Last.fm, Linked In, Rdio, Skype, Slideshare, Soundcloud, Stumbled Upon, Twitter, Vimeo, generic website link, Youtube, and your email address.