Create a Style
- Click on the in the Styles panel on the right side of the interface.
- Complete the fields and click Save.
- For definitions on Style fields see Editing Styles below.
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.
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.
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.
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:
Click Save to save your changes.
See Applying Styles to learn how to apply styles to content.