Custom Website Tonight Template Design

“Can I build my own web site template design for my WebSite Tonight project?”

Yes, you can build your own website template in Website Tonight. However, building a custom template requires extensive knowledge of CSS coding and proficiency with graphic design. For most people building a custom Website Tonight theme is unrealistic. If you feel that you are up to the challenge then here’s what you will need to know.

If you do create a custom Website Tonight theme then add a comment to this post with a link to your website. I would love to see your work and may even feature your website on ProSiteTonight.com (free link + traffic).

Overview

  1. Select a template to start with.
  2. Create a new template design in a graphics editor (i.e. Photoshop).
  3. Upload your custom template images to Website Tonight.
  4. Modify the CSS to fit your new design.
  5. Preview, adjust (repeat as needed), Publish.

Advanced CSS Editing

  1. Log in to your Website Tonight account.
  2. Click the Site tab (upper left).
  3. Hover over Design (under the Site tab) and select Advanced Style Options.
    • Read-only view of CSS file This is the default CSS for your current template.
    • Edit view of CSS file This is where you will put your CSS modifications. Anything you add will override the default CSS.

Template Images

Images uploaded to the Template Image section in Website Tonight are only published if they are inserted into a content block. Files added to the Upload Files section in Website Tonight are always published. For this reason you will want to add all of your custom template images to the Upload Files section.

  1. Log in to your Website Tonight account.
  2. Click the Site tab (upper left).
  3. Hover over Manage (upper left – under the Site tab) and select Upload Files.
    • Select Original size from the Resize images larger than: drop-down menu before uploading your images.

Leave a Reply