LinkedIn
Copied!

Table of Contents

Creating a custom style

Version:

Only available versions of this content are shown in the dropdown
Applicable to Theme Cosmos applications

You can specify a custom style on the Advanced tab of the Properties panel. You must enter the custom style name.

Use lowercase letters and hyphens to refer to CSS files, classes, and identifiers. Hyphens improve readability, the semantic value of the item, and match the syntax of CSS attributes, for example, margin-left. Avoid articles and conjunctions.

  1. Click Add item.

  2. In the Style Name field, describe the purpose, rather than the style.

    Specify the primary category of purpose first, as in this example:

    .marker-form-error

    The prefix custom_ is prepended to the class name that you specify.

  3. Define the style in the CSS field. Click the Gear icon to open the Style Editor. You must enter the name custom_ classname on the Advanced tab of the Cell Properties panel to use this custom style.

  4. To delete a custom style, select the style and click the Delete icon.

When customizing layout styles, it is a best practice to define a custom style in a skin rather than specify inline styles in the Properties panel for the layout. When you save a section that contains an inline style, a guardrail warning appears and you have the option to use the Remove Inline Style button.

Did you find this content helpful?

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.