Applying CSS Styles
To set a component's visual properties by using CSS Class and ID, follow the steps below:
1. In Visual Composer, right-click on the region of the component you want to style, and select 'Format' from the context menu. This opens the 'Format' dialog box.
The CSS tab is not available for Tables that have a Table Style applied.
2. Select the CSS tab. The text next to the 'Type' label indicates the component region to which the CSS styles will be applied.

Note: CSS styles are overridden by manually-set styles. The 'Reset' button removes only the manually-set styles. Also, manually-set transparency will affect the appearance of CSS colors. See Color Tab for information on changing transparency.
3. On the CSS tab, select the CSS 'ID' and/or 'Class' to define the component's style.
You can select both an 'ID' and a 'Class' together, or select only one of these. Multiple components can share the same CSS Class name, which will then apply the same styles to these components. However, a CSS ID should be unique to the component.
The 'Class' and 'ID' menus list Classes and IDs that are defined in the deployed CSS definition file. (See Creating the CSS Definition File.) You can also type in a new Class or ID name, but this will not apply any styles until a corresponding definition is created in the CSS definition file.
| << Creating the CSS Definition File | © 1996-2013 InetSoft Technology Corporation (v11.5) | Example: Creating and Applying CSS Styles >> |