Vanilla blog (No longer sold)

The Vanilla blog gives you the option to control the width of the blog.  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: 750 pixels wide


1. 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  ( 780 x 520 px )


On Right:




  1. Resample Display: 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. Image Letterboxing: When click on a photo in your posts it will open in that window with nothing else except that image
  4. Slideshow timer: How fast do you want the photos to load the next image on the list.
  5. Autoplay Video: Do you want video to automatically start playing?
  6. Video Player Skin: Allows for different looks for the video player
  7. Video Player Background Color: Choose what color you want for the background of the video player



2. Welcome Tab

  1. Welcome Image: no larger than 100 x 100 pixels
  2. Welcome title:  This will appear underneath the header to the right of the Welcome picture.
  3. Welcome Description: This will appear underneath the Welcome title. Enter any info that you wish.




3. Design Tab



  1. Blog Width:  You can adjust the width of the bog.
    1. Remember your header images are 780 x 520.If you change this then you also need to change the width of the photos in your header.
  2. Header Height:  You can adjust the height of the header box on the site.
    1. Remember your header images are 780 x 520. If you change this then you also need to change the height of the photos in your header.
  3. Main Logo: 280  x 90 pixels
  4. Content Text Style: The font type of your content
  5. 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.
  6. 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.
  7. Body Color: The color of the background of the site.
  8. Welcome Background Color: The background color of the welcome area.
  9. Icon overlay color: The color of the icons located to the right of your Welcome picture, title, and description.
  10. Body Shadow Opacity:  There is a fine line around each post. Lower opacity it cannot be seen.
  11. Body Shadow Width:  How wide the shadow under the header and the closed posts is
  12. Horizontal Line Color: The coloring of the horizontal line separating the posts.
  13. Vertical Line Color
  14. Contact Form Line Color: The color of the box around the contact form
  15. Navigation Color: The color of the entire navigation bar along top.
  16. Navigation Up Color: Color of the Navigation links
  17. Navigation Highlight Color: the color of the navigation menus when you hover over them
  18. Navigation Text Size will change the size of the navigation text. We set the demo to 20
  19. Description Text Color will change the color of the description text
  20. Description text size: determines the size of the description text.
  21. Heading Font Style (titles of posts): Determines the font of the title of the posts.
  22. Title Text Size: The font size of the title on the posts. Demo is 18
  23. Line Height:



  1. Background Image: You can upload an image here to display as your background. This image should be cropped around 1600x1200 pixels.
  2. Background mode: If you uploaded an image as the background, decide how you want it to display.
  3. Embed Font Glyphs most of the time will be set to "False".  Select "True" if you have special characters in your text
  4. Video Skin Player: Allows for different looks of the video player
  5. Margin Width: Width of the margins on the site
  6. Body Corner Radius: Allows you to have a more squared or rounded body on the blog       





4. 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. WordPress date format:  To better understand this format  go to
  8. Use Facebook: This shows the Facebook Icon
  9. Facebook Account Link: Enter the link to your Facebook page
  10. Use Linkedin: This shows the Linkedin icon
  11. Linkedin Account Link: Enter in the URL for your Linkedin account.
  12. Use Facebook Like Button: Activate the Facebook Like button icon
  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