Home Forums General XMetaL Discussion Understanding the CSS structure and customizing the CSS for Webhelp output Reply To: Understanding the CSS structure and customizing the CSS for Webhelp output

Derek Read

Reply to: Understanding the CSS structure and customizing the CSS for Webhelp output

You can provide your own CSS file to the DITA Open Toolkit for any of the HTML-based outputs.
This is supported by adding a reference to your file in the Edit Deliverable Type dialog:

1. Tools > Configure Output
2. Select the “Deliverable type” from the list.
3. Click Edit button.
4. Add reference to the location of the “Specific CSS” file you want to be included. This file will then be copied into the base folder where the rest of the output is generated and it will add a relative path to into each HTML file (at the topic level). Something like this:

Since you will probably be deploying your output files to some location that will differ from the location it is generated to, you may also need to add a value for the “Default CSS path”. So, to put your CSS into a separate folder named “cssfiles” you would set the one above and also set “Default CSS path” to “cssfiles”. That would result in the CSS file referenced above into the “cssfiles” subfolder (which it will create) and then the following will be added to each HTML file:

Reply

Products
Downloads
Support