ProfitSuite/Contentivity User GuideSearch:  
<Back | Table of Contents
Creating and Editing Styles

Create a Style

  1. Click on the in the Styles panel on the right side of the interface.

  2. Complete the fields and click Save.

  3. For definitions on Style fields see Editing Styles below.

Editing Styles

To Edit a style, click on the style name in the Styles panel. Each style has three fields that need to be completed

Style Reference Name
Use this field to give the style a plain English name that will appear in the Styles panel.

Style Class Name
This is the actual name of the style as it is applied to an HTML element. Since styles in ProfitSuite are actually CSS styles, the class name of the style works the same.

Custom Styles
Placing a period before the class name (.customclass) indicates that the style needs to be applied to the class attribute of an element. This can be done visually through the HTML Widget and does not require knowledge of HTML to use.

Redefined Tags
By not placing a period in front of the class name (A) your are redefining an HTML element. Use this if you want to change the appearance of content within a given element. In this case it is important that the style reference names be unique. This will help when deciding which of these classes is applied to a template.

Style Definition
This field allows you to enter the actual style definition. You do not need to include the class name or open and closing brackets. ProfitSuite creates them for you when the page is requested. An example of a Style Definition:

font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #000000;

Saving Changes
Click Save to save your changes.

See Applying Styles to learn how to apply styles to content.

Notes:
Styles are published independently of all other ProfitSuite content. For changes to be visible on the Delivery Server the style must be published. See Publishing Styles for more information.

 

Copyright © 2013 Mogistic, LLC. Last Updated: 12-2008