Page Comparison

Find the ID name by right-clicking on the button you would like to start to color. Click on Inspect to bring up the developer mode.

Image Modified

Right-Clicking On Button

The line with the ID will be already selected.

Image Added

ID Line

Double click on the line and copy the ID name.

Image Modified

Copying ID Name

Navigate to the style sheet domain. Administration > List Domains > Style Sheets #480

Image Modified

Style Sheets Domain

Create a New Style Sheet.

Image Modified

Creating A New Sheet

There are 3 Sections on the Style Sheet Domain:

1. 1. Name

   2. Style Sheet

   3. CSS Selector  

Image Added

Style Sheet Sections

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. 

Image Modified

Name Style Sheet

In the Style Sheet section:

1. 1. Enter the color you would like to use for the text. There are over 140 general names that can be used as a color. A simple style Color: Red. You can also use various other methods to color. This method is the simplest. See # 17 for a tip.

   2. Enter the color for the Border Color. A simple style Border-Color: Blue

   3. Enter the color for the Background Color. A simple style Background-Color: Green

Image Modified

Set Color

In the CSS Selector enter the ID name.  To select elements with a specific ID, write a pound (#) character, followed by the name of the ID. Example: #workitem_actions_button_Complete

Image Modified

CSS Selector

Save. 

Image Modified

Save Button

Verify your new Style Sheet is saved.

Image Added

Verify Sheet Is Saved

Clear the Cache. Connect Administration> List Domains> Tools> Cache Management> Clear Configure Cache

Image Modified

Clear Cache

Refresh the page (or use F5) to clear any residuals.

Image Modified

Refresh Page

Verify you’re the color of the text / border / background has been changed.

Image Modified

Verify Button Style Change