First, we need to determine the class name in order to set up the style sheet.
Determining the Class Name
Rw step
Find the class name by right-clicking on the display output of the section you would like to color. Then click on Inspect to bring up the developer mode.
Display Output
Rw step
The line with the class will be already selected.
Selected Class Line
Rw step
Double-click on the line and copy the class name.
Warning
Important Note: Do not copy the data cell, only the name of the data cell.
Copy the Class Name
Rw step
Navigate to the Style Sheet Domain. Administration > List Domains > Style Sheets #480.
Style Sheet Domain
Rw step
Click the New Style Sheets. button.
New Style Sheet
Rw step
There are 3 Sections on the Style Sheet Domain:
Name
Style Sheet
CSS Selector
Style Domain Sectors
Rw step
Enter the name you would like to use for the Style Sheet in the Name field. This can be any unique name for the style sheet.
Style Sheet Name
Rw step
Enter the color you would like to use in the Style Sheet field. There are over 140 general names that can be used as a color. A simple style you can use is "Color: Red".
Note: You can also use various other methods to color. This method is the simplest. See # 17 for a tip.
Color Names
Rw step
Enter the class name into the CSS Selector. To select elements with a specific class, write a period (.) character, followed by the name of the class. Example: .attribute12345
Class Name
Rw step
Click Save.
Save Button
Rw step
Verify your new style sheet is saved.
Verify Sheet
Rw step
Clear the Cache by navigating to Connect Administration> List Domains> Tools> Cache Management> Clear Configure Cache.
Clear Cache
Rw step
Refresh the page (or use F5). This clears out the residual information.
Refresh Page
Rw step
Verify your color has been changed.
Verify Color Change
Rw step
Inspect the element again to select a color from the color pallet tool in chrome. Since the element style is now a custom CSS. Click on the color.
Inspect Element to Select Color
Rw step
Use the color tool(s) to change the color(s).
Color Change Tool
Rw step
To set a new color, copy the HEX and modify the Style Sheet you just created. In the Style Sheet section, the HEX can be used instead of the color name. Example Color: #82eee4
