Thyme Blog (No longer sold)

The Thyme blog is a clean blog that give you the option to use a designer vignette ( a shadow in the background).  To help you set up the basic blog, we have provided some of our demos settings below.  The following options can be found in the "ITDR Admin" below the WordPress navigation on the left side.


General Sizes

  • Logo 200× 100 px
  • Post Images 1000px x 563px
  • Header height : 1000px x 325px
  • You images should be saved web ready JPGS

Header Tab

  • Header images: 1000px x 500px
  • Server Side Re-sampling: True
  • Resampling Quality: 75
  • Slideshow Timer: 5
  • Autoplay video: false



Header Tab


On left:

Header Image Lists:  This shows the list of photos that will appear at the top of the blog (the header)

  1. Upload photos  ( 1000 x 500 px )


On Right:


  1. Use Server Side resampling: if you select “True”, this will reduce the file size (by percentage) of your images making them easier on the user’s bandwidth. However, we do suggest that when you are in Photoshop, you adjust the quality of your images to make them the optimum size for reduced bandwidth.
  2. Resampling Quality: Turn the percentage of the server side re-sampling up or down to increase or reduce the size of the files.
  3. Slideshow timer: How fast do you want the photos to load the next image on the list.
  4. Autoplay Video: Do you want video to automatically start playing?
  5. Video Player Skin: Offers different looks of the video player.
  6. Video Player Background Color: The background of the video player







Design Tab


Settings Tab


  1. Main Logo: 200 x 100 pixels
  2. Header Height:  You can adjust the height of the header box on the site.

Remember your header images are 1000 x 500. If you change this then you also need to change the height of the photos in your header


Fonts Tab


  1. Embed Font Glyphs most of the time will be set to "False".  Select "True" if you have special characters in your text
  2. Heading Font Style (titles of posts): Determines the font of the title of the posts.
  3. Context text style: Determines the font of your text
  4. Navigation Text Size will change the size of the navigation text. We set the demo to 16
  5. Navigation Text Color will change the color of the navigation text. (i.e.: the main button at the top of the site)
  6. Highlight Color will change the color of the navigation text when you roll over it.
  7. Title Color will change the color of the title text on each page.
  8. Title Size will change the size of the title text on each page. We set the demo to 24.
  9. Description Text Color will change the color of the description text
  10. Description text size: determines the size of the description text.


Background Tab


  1. Use Vignette Shadow:  This is a template feature with a background built just for Thyme
  2. Background Gradient Top Color: Select the top color for the background. If you want the background to be all one color, make sure the gradient bottom color is the same.
  3. Background Gradient Bottom Color: Select the bottom color for the background. This will create a gradient blend from top to bottom. If you want the background to be all one color, make sure the gradient top color is the same.
  4. Background Image: You can upload an image here to display as your background. This image should be cropped around 1600x1200 pixels.
  5. Background mode: If you uploaded an image as the background, decide how you want it to display.







Setup Tab



  1. Browser Title Separator: When using multiple phrases in your title this character will separate those phrases
  2. Footer Link Text: Footer Link Text: choose from the dropdown how you want the link to read.
  3. Footer: Add your copyright information here. (i.e.: © 2010 ITDR | intothedarkroom | all rights reserved)
  4. When you set up your Google Analytics account, they give you a UA code. Just put this code in this field. It looks like this: UA-XXXXXXX-X.
  5. Use Twitter: This shows the Twitter Icon
  6. Twitter Username: Enter your username
  7. Use Facebook: This shows the Facebook Icon
  8. Facebook Account Link: Enter the link to your Facebook page
  9. WordPress date format:  To better understand this format  go to
  10. Use tweet meme: A different way of showing Twitter… this does not use the blue Twitter bird.
  11. Use Linkedin: This shows the Linkedin icon
  12. Linkedin Account Link: Enter in the URL for your Linkedin account.
  13. Use Facebook Like Button: Activate the Facebook Like button icon
  14. Use Google Plus: This shows an icon on the right underneath the header image
  15. Google Plus Account link: Enter in the URL for your Google Plus page
  16. Use Google +1: Shows +1 icon
  17. Send contact email from self:




All of the text for all of the buttons can be changed in the Language tab. This is completely optional if you choose to do this.

Have more questions? Submit a request


Article is closed for comments.
Powered by Zendesk