Adding a CSS Rule

CSS defines formatting in a particular class or redefines the formatting for a particular HTML tag (p, body, h1, etc.).

You can create new CSS rules to automate the formatting of HTML tags or a text object identified by a class attribute. When adding a new CSS rule, you will be prompted to choose whether to define a new custom style or to redefine an existing HTML tag. By selecting to create a new custom style, the CSS rule will appear on the Custom Style drop-down list in the Properties panel in Page View and can be applied to any object in Page View. The new CSS rule will also become visible on the Selectors column in the Selectors View, and its content will be displayed in the CSS Code View (with the exception of site-specific CSS rules).

You can add a new CSS rule:

To add a CSS rule to the Active SiteStyle:

  1. Right-click on the Active SiteStyles folder in the Style Tree.

  2. Select the Add CSS Rule option from the context menu. The Add CSS Rule dialog will appear.

  3. From the Type drop-down box, select one of the two options:

  1. For advanced definition of formatting, click the Builder button and use the options from the drop-down menu:

  1. Click OK.

The added CSS rule will be visible in the Selectors View and in CSS Code View.

The newly created CSS rule will now be available in the Selectors and CSS Code View. You can also edit the rule via the Manage Styles dialog or assign the rule to an object via the Custom Style combo-box of the object properties panel.