Forums/Tips & Tricks - Click to Convert

Customizing HTML Conversions using CSS

Mike Stokes November 13, 2009

Click to Convert 6.5 includes a powerful new feature that allows you to customize the HTML produced by modifying CSS files.  Click to Convert now creates the HTML page layout and all navigation using CSS (Cascading Style Sheets).  These CSS files can be modified by you to completely change the way the HTML looks and behaves and to closer match it to your website.

Where are the CSS files?

The CSS files are located in the css folder under where Click to Convert is installed.

What does the new navigation look like?

We think the new navigation looks more modern and is much easier to use.

The new navigation bar at the top of each HTML page looks like this:

top-nav.gif


The new table of contents:

frame-nav.gif


The new spreadsheet navigation tabs:

excel-nav.gif

Customizing the CSS

Customizing the CSS is as simple as opening the appropriate CSS file in your text editor or CSS editor and changing it.  When you're done, save your changes and Click to Convert will use them for future conversions.

TIP: It's a good idea to backup the standard CSS files Click to Convert uses before you make changes.