2022.1

7. In the Stylesheets dialog, click the selector that you chose. All CSS rules for that selector
will become visible in a box below the list of selectors.
Editing plain CSS
l Click the button Advanced in any property sheet to open a CSS property editor. Type
CSS properties at the left and values at the right.
l In the Resources pane at the left, double-click the global stylesheet or the stylesheet for
the relevant context. The file opens in the workspace in the middle.
A list of all CSS properties and their possible values can be found here:
https://www.w3schools.com/cssref/.
Custom CSS properties can be used as well; for an explanation and examples of these see:
https://developer.mozilla.org/en-US/docs/Web/CSS/--*.
Tip
Right-click and choose Format, or press Ctrl + Shift + F to "pretty-print" the CSS and
make it easier to read and edit.
Note
Block comments (/* ... */) are allowed in CSS, but single-line comments (// ...) are not
standard and might not work as expected in all browsers.
In the Designer, syntax highlighting doesn't work on single-line comments in CSS files.
Step 2: apply CSS to the content
After editing the CSS file(s), make sure that the CSS rules actually apply to one or more
elements in the template.
l CSS rules for HTML elements, such as paragraphs, are automatically applied to all
elements with the corresponding HTML tag.
l To make a CSS rule for a certain class or ID work for an element in your document, you
have to add the class or ID to that HTML element (as described below).
Page 298