Page History

On this page

The color for the whole document is not set in templates. It is rgb(0, 0, 0) by default. If you want to set a non-default color, you have to add color information to the HTML template as a

CSS color

 property.

However, some elements of exported documents use non-default colors. If you want to change the font color of such an element, you need to locate the element in the templates and change its font color value.

Example of changing the font color for the whole document

Let’s assume you want to change the font color for the whole document to rgb(90, 90, 90) (dark grey).

To change the font color for the whole document

1. Open

1. the <template_folder>/common/styles.html

1.  file.
2. Find

1. the style

1.  tag with th:fragment="CommonStyles".

2. Locate

1. the body

1.  tag within and add

1. the color: rgb(90, 90, 90);

1.  property to the list of other body style attributes.

   Code Block
   <style th:fragment="CommonStyles"> body { color: rgb(90, 90, 90); … } … </style>

   
   

If you export a document with the added color property, you will see that the font color of the document text is dark grey, as shown below.

Image Modified

A sample document with the font color changed to dark grey.

Example of changing the font color of page numbers in the footer

Let’s assume that you want to change the font color of the pagination information at the bottom of the page to blue.

To change the font color of page numbers in the footer to blue

1. Open

1. the <template_folder>/common/footer.html

1.  file.
2. Find the style tag

1. with th:fragment="CommonStyles".

2. Locate

1. the .footer

1.  class definition and change the color property value

1. to blue.

   Code Block
   <style th:fragment="CommonStyles"> .footer { color: blue; … } … </style>

   
   

Now, the page numbers in the footer of the exported document will be in blue font.

Image Modified

A sample document with the pagination font color changed to blue.