By selecting the Content styles tab in the Portal section of the Administration menu, the following options are available:
-
Selecting Download downloads the content styles configuration as a
content_styles_configuration_${tenantName}.jsonfile. -
Selecting Upload uploads a previously downloaded content styles file.
To perform other actions, ADMIN and PORTAL_ADMIN users can choose from the following tabs:
-
Topic Styles: selecting this tab displays a CSS editor to customize the content style of topics in the Reader page (
class="topic"). -
Title Styles: selecting this tab displays a CSS editor to customize the title styles in the Reader page (
class="title"). -
Background Images: selecting this tab displays the following sections:
- A section to add one or more background images to display in the Reader page (
class="background-image"). It is possible to use custom CSS classes to choose which image to display based on metadata. - A section with a CSS editor to customize the style of the background by referencing the LESS variable assigned to an image uploaded in the previous section (for example,
@image1).
- A section to add one or more background images to display in the Reader page (
-
Custom CSS Classes: selecting this tab displays a table to define CSS classes that annotate the Document Object Model (DOM) of content in the Reader page based on metadata.
- A screencast about configuring a background image at the map level is available.
- It is also possible to configure a background image at the topic level.
- It is possible to use font files stored in the Asset library.
- It is not possible to use CSS variables defined with global scope (for example,
:root { --main-bg-color: brown; };) inside the Content styles menu. Use LESS variables instead. - It is not possible to use
@importinside the Content styles menu. Indeed, imports cannot be nested, and Content styles tabs are linked to a CSS class. - If using HEX color codes, it is necessary to enter them without quotation marks, for example:
@example_of_element_name: #ffc107.