Epizote blog (No longer sold)

The Epizote blog gives you the option to control the width of the blog and add items to the sidebar.  Since we are not sure what width you would like the blog to be, we decided to provide you with the settings that are currently in our demo.  The following options can be found in the "ITDR Admin" below the WordPress navigation on the left side. 


General Sizes:

  • Blog Post images: 670 pixels wide


Welcome tab

  • Bio Image: 100 x 100 pixels


Design Tab

  • Blog Width: 940 pixels
  • Logo: 227 x 100 pixels
  • Background tab: Background tab: 1600x1200
Understanding the Sidebar
You can add widgets to the sidebar.  They are located under the "Appearance" tab under the "Widgets" tab.  To use any of the available widgets, just simply click and drag them over to the "Sidebar" on the right side. 



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  ( 800x300  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?







Design Tab


Settings Tab


  1. Blog Width:  You can adjust the width of the bog.
  2. Main Logo:  This allows for your logo to appear on the in the upper left hand corner
    1. Logo: 227 x 100 pixels
  3. Body Color: The color of the background of the site
  4. Sidebar Color: The color of the sidebar on the left of the blog
  5. Body Stroke Color:  Color of the vertical bars on the left and right of the blog
  6. Body Stroke Width: How thick the above mentioned bars are
  7. Body Opacity:  There is a fine line around each post. Lower opacity it cannot be seen.
  8. Body Shadow Width: The thickness of the lines that border the site.
  9. Border Color:  The color in between the sidebar and the blog
  10. Sidebar Boarder Colors: The color of the boarder on the sidebar.
  11. Search bar color: The color of the search bar box.


Fonts Tab


  1. Use Designer Font Bool: True
  2. Context text style: Determines the font of your text
  3. Embed Font Glyphs most of the time will be set to "False".  Select "True" if you have special characters in your text
  4. Navigation Text Color will change the color of the navigation text. (i.e.: the main button at the top of the site)
  5. Highlight Color will change the color of the navigation text when you roll over it.
  6. Navigation Text Size will change the size of the navigation text. We set the demo to 16
  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.
  11. Link color: Determines the color of links you place on the site.
  12. Sidebar Title Color: Color of the titles in the sidebar
  13. Sidebar Description Color: Color of the descriptions in the sidebar
  14. Heading Font Style (titles of posts): Determines the font of the title of the posts.


Background Tab


  1. 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.
  2. 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.
  3. Background Image: You can upload an image here to display as your background. This image should be cropped around 1600x1200 pixels.
  4. 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 http://codex.wordpress.org/Formatting_Date_and_Time
  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 Google Plus: This shows an icon on the right underneath the header image
  14. Google Plus Account link: Enter in the URL for your Google Plus page
  15. Use Google +1: Shows +1 icon
  16. 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