Add custom styling with a custom CSS file
Using this procedure you can override the styling that is defined in the default CSS file created when publishing to Web output. Once the default CSS file has been saved to an external file, you can create a custom CSS file and include it with the default CSS file in the output directory for the Web output. Any style information contained for an element in the custom CSS will supersede any styling defined for the same element in the default CSS file. You can use the same procedure to create custom styling for any of the HTML outputs.
Note that the output CSS file in this example is named styler.css – this is the default file name for the CSS file produced when publishing to chunked HTML output (EPUB, HTML Help, or Web). If you are carrying out this procedure as part of publishing to HTML File, your default CSS file will be named output_filename.css, and hence your custom CSS file should be named output_filename_custom.css.
1. In Arbortext Editor, publish your document to Web output using the default publishing settings (create CSS in external file).
2. Refer to the output. A CSS file to accompany the Web output has been created: refer to the file css/styler.css.
Note that another CSS file, dmc.css, has also been created in the same directory. This CSS file contains global style settings which are overridden by styling applied to any elements by your Arbortext Styler stylesheet. You should not alter or delete this file.
3. Create an empty text file called styler_custom.css and save it in the same directory location as styler.css.
4. Copy any style rules that you want to change from styler.css into styler_custom.css. Make the styling changes you require to these rules.
Save the changes to the document and exit the editor.
5. View your Web content in a browser. You will see that the display of elements whose styling you customized has changed, whereas the styling of the rest of the content has not.