Design module - Element settings - Styles
If a layout element is selected on the
or in the Structure
, its properties
will be shown in the Element settings
area. At the
bottom of the Element settings
, you'll find the buttons
to edit the style properties of the
currently selected element.
Using the three buttons S, M
at the top right of the Element settings,
an element's style can be edited for the respective
. With the four
buttons at the top left, you can switch to the views described below.
Show CSS properties in compact table
The most important style properties, and ones that you have changed, will be shown here.
Add CSS property
Creates a new, empty line at the end of the list to which you can add an available CSS rule.
Remove CSS property
Deletes the property from the table.
Move up / Move down
You can adjust the order of the properties by using the arrow keys
Show CSS properties in grouped table
This mode shows the element's style properties in a table in which the styles are ordered by group.
Show CSS properties in editor
This enables you to edit the the style properties in the CSS editor.
Undo last action
Restores the state to before the last action.
Redo last action
Performs the last action again.
Please note that comments will not be saved in the CSS.
In order to edit the properties of text or links in table cells, an a or span has to be attached to the selector.
Example: the default selector
table.Table_Standard > tbody tr td.textvcontrol5ECDF9CF
relates to the background properties of the table.
The edited selector
table.Table_Standard > tbody tr td.textvcontrol5ECDF9CF span
influences the text format in the column's table cells.
Show CSS properties in dialog
This opens the style properties in a dialog where they can be edited conveniently.