Apply a Cascading Style Sheet (CSS) helper class to a dynamic layout to alter the default styling or behavior in a small way, without creating a new skin format. For example, use a helper class to apply twice the standard margin to the right side of an item in the layout.
-
On the Presentation tab of the Properties
panel for the layout, select the Display advanced presentation
options check box.
-
Click the Open class editor icon for the Custom CSS
class field to display the Helper class picker dialog
box.
- Optional:
To see a description of a helper class's effects, hover over its name in the dialog
box.
- Optional:
To filter helper classes by class name or description, use the search field.
For example, you might enter right to see helper classes for
adjusting the right side of an element or enter margin to see
helper classes for adjusting standard margins.
-
Select one or more helper classes to apply to the current layout, click
Submit, and then click Submit on the
Properties panel.