“Classy” Documentation by “RocketWay” v1.0


“Classy”

Created: June 2014
By: RocketWay
Email: support@rocketway.net

Thank you for purchasing Classy. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!


Table of Contents

  1. HTML Structure
  2. Changing Images
  3. PSD Files
  4. MailChimp Support
  5. Sources and Credits

A) HTML Structure - top

If you check the HTML code of any layout you will find that each row is highlighted with comments showing its start and end, so you can easily delete or duplicate any of them, here is a similar color formation to what you get if you open any layout in Firefox and choose View Page Source, part of the code looks like that:

HTML Structure

Tip: It's not necessary that source code will be shown with such colors in your HTML/Text editor! If it's shown in black just search for <!-- that's how all comments start.

You can see the green comments explaining where content starts and ends, if you decided to add a row or more just copy what's between code comments and paste it! For example you want to duplicate the text with picture on the left in the layout #1, copy from the code comment <!-- Start of text with picture on the left --> till <!-- End of text with picture on the left --> and paste it after <!-- End of text with picture on the left --> with this easy copy and paste method you can insert extra rows or delete them if you want, every row is created in separate table so it doesn't affect any other row whenever you duplicate/delete it.

Tip: You can mix layouts and create your own, but remember to copy and paste rows within the same color folder, so you won't end with different colored rows.

So, to ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours.


B) Changing Images - top

If you use our Themebuilder you can easily replace all images with a valid URL

If you don't want to use our themebuilder, no problem, just open the folder called "images" and replace them with yours

HTML Structure


C) PSD Files - top

We've used 1 PSD with several structures:

PSD design has been layered correct always

PSD


D) MailChimp Support - top

Please, follow these steps to import any Template to MailChimp:

1. Go to http://www.mailchimp.com and login.
2. Simply go to My Templates.
3. Click 'Import Template' and choose your Template from the desktop.

Be sure to have all your images hosted on your own server. For example: 'http://www.yourwebsite.com/images/logo.jpg'

PSD

If you need further support please email us: support@rocketway.net

Here is a clear explanation of how to import a template: http://kb.mailchimp.com/article/how-do-i-import-a-template/

Template Language: Getting Started with MailChimp’s Template Language: http://kb.mailchimp.com/article/how-do-i-upload-an-image/
Template Language: Custom Template Showcase: http://eepurl.com/cdN2v
Template Language: Creating Editable Template Styles: http://eepurl.com/ck1yj
Template Language: Working With Variant Selectors: http://eepurl.com/ck349
Template Language: Support: http://kb.mailchimp.com/topic/custom-templates


E) Sources and Credits - top

Please check the item description of this product.


Once again, thank you so much for purchasing this template. As we said at the beginning, we'd be glad to help you if you have any questions relating to this template. No guarantees, but we'll do our best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Team RocketWay

Go To Table of Contents