Charming Coco!

Digital shop, Style Hatch and designer Regina Casaleggio, are pleased to welcome the latest arrival to the scene, Coco, a sweet, charming, sophisticated, theme with lots of heart and soul. This beauty is “out of the box” ready to enjoy and be shown to the world. To keep this one-of-a-kind masterpiece from being altered from its original state of beauty the customization features are limited. 

Artist Series

The latest addition to Style Hatch has just made it’s grand debut onto the scene, the Artist Series, which will allow you to experience high levels of instant gratification. In efforts to bring you top of the line design, style, and functionality we have curated our very first art gallery to showcase the artist that fancy our taste. In the artist series we will continue to collaborate with our favorite artist and hand deliver to you a custom theme that is sealed to our perfection. Enjoy!

Current Version - Coco 1.2.0 | May 9, 2012
Updated the theme to support a grid layout.

The Details

Coco is a ready to use and utterly beautiful premium theme right out of the box, brought to you by Style Hatch! This charming, sweep you off your feet, premium theme, is perfect for someone looking for simplicity at it’s finest. To keep this one-of-a-kind masterpiece from being altered from its original state of beauty the customization features are limited. If you prefer more control over your theme you might consider another Style Hatch theme that gives you greater access to customize. 

Social Features

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

Typekit Support

Want ultimate control over the typography in Coco?  Typekit is fully supported in Coco through the appearance options. Here are the basic steps involved in setting up Typekit for your site:

  1. 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.
  2. Browse through the library and click + Add to Kit after you’ve selected the body and title font for your site.
  3. 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.
  4. Once you have your two fonts selected hit the green Publish button at the bottom right (screenshot).
  5. 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).
  6. 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).
    Example: “proxima-nova-1”,”proxima-nova-2”,sans-serif

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.

Customization Options

Artist Styles

  • Creamy - The default style for Coco that features creamy textures with pops of orange and subtle yellow.
  • Bittersweet - Our dark brown styling for Coco with touches of coral and teal.
  • White - The perfect minimal styling that uses light shades of grey, dusty rose and moss green.
  • Overwrite preset styles - If you want to venture into changing some of the preset colors check this option to enable the color options and background images.

Colors

  • 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.
  • Text - Select the overall color of the text used on the site.
  • Accent - Pick an accent color that is used for various links, rollover elements and UI touches.
  • Title - Choose the color that is used for the bold titles on the posts.
  • Subtle - The Subtle color controls the color used in the decorative elements and dashed lines throughout the theme.
  • Chat - Set the color that appears behind the chat dialogs.

Images

  • 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.
  • Background - Upload an image to be used as the site’s background.  
  • Decorative - Upload an image that will be tiled across the top of the site’s design.  

Options

  • 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.
  • 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.
  • Use uppercase titles - By default Coco will convert all the titles to uppercase.  Uncheck this option to use capitalized titles.
  • Load default custom fonts - Uncheck this option if you want to disable the loading of the custom typography in Coco.
  • Wide layout - When checked this option will change the default post width from 500px to 700px wide.
  • 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.

Custom Text

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

Social Links

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.

Recent comments

Blog comments powered by Disqus