Modify the CSS settings for Approvals

An Administrator can change the Cascading Style Sheet (CSS) formatting applied to HTML-based Approvals.

1. From the Administration menu, click Configuration > Approvals.
2. Enter the CSS code in the CSS textfield.

   When you modify the CSS through Administration, you are editing the collaborativeReviewCss.css file in system/webplatform/configuration.

   Note: The CSS code must be well-formed and valid to work.

   For example, the following code makes Heading 1 titles blue:

   h1{
      color: blue;
   }

   This code gives topics that are in review or work status a different background color from topics that are in done or complete status:

   
   .Authoring_work, .Authoring_work > .title, .Authoring_work > .body, .Authoring_work > .body *,
   .Authoring_review, .Authoring_review > .title, .Authoring_review > .body, .Authoring_review > .body *
   {
   background-color: white;
   }
   .Authoring_done, .Authoring_done > .title, .Authoring_done > .body, .Authoring_done > .body *,
   .Authoring_complete, .Authoring_complete > .title, .Authoring_complete > .body, .Authoring_complete > .body *
   {
   background-color: silver;
   }

   You can also use hexadecimal color values instead of generic names for colors:

   
   .Authoring_work, .Authoring_work > .title, .Authoring_work > .body, .Authoring_work > .body *
   {
   background-color: #ffffff;
   }

   See CSS examples for Collaborative Reviews and Approvals for more ideas.

3. When finished, click Save.