Skip to main content
Best Answer

Changing color for "Moderated" button

  • December 4, 2024
  • 4 replies
  • 61 views

I am having trouble changing the color for the “Moderated” button on courses that require approval. What CSS do I need to apply in order to change it? 

Best answer by gstager

Are you referring to the tag shown in the card catalog on courses?

/** Begin Change Color of 'Moderated' Tag **/
/** Change Value For Color As Desired **/

div.ui-card-header-badges ui-badge-status > div.ui-badge-status-alert {
background-color: #03A7C2;
}

/** End Change Color of 'Moderated' Tag **/

Try this and be sure to test for the impact of other areas.

4 replies

gstager
Hero III
Forum|alt.badge.img+8
  • Hero III
  • Answer
  • December 4, 2024

Are you referring to the tag shown in the card catalog on courses?

/** Begin Change Color of 'Moderated' Tag **/
/** Change Value For Color As Desired **/

div.ui-card-header-badges ui-badge-status > div.ui-badge-status-alert {
background-color: #03A7C2;
}

/** End Change Color of 'Moderated' Tag **/

Try this and be sure to test for the impact of other areas.


  • Author
  • Newcomer
  • December 4, 2024

This worked perfectly. Thank you so much! 


  • Contributor I
  • December 24, 2024

does any one know a way to change the word moderated to something else.  We would like it to say pending approval. 

 


gstager
Hero III
Forum|alt.badge.img+8
  • Hero III
  • December 26, 2024

@andrea.bullock - You will need to use the Localization Tool

Do a search for  Moderated

Change this line - Double click the far right - It will say Moderated - I changed it to say Pending as a test and it worked for me. You may want to keep an eye out for any other places where it is changed.