How to change the background color of Required Fields

[cwillard]

I am trying to change the background color of the required fields on an HR Case on employee center pro. I have looked at both the page and widget css and do not see a place to do this. 

Thanks!

[Ashir Waheed · Accepted solution]

Hi @cwillard 

I would recommend you to try the following steps

1. Ctrl+Right click on the form highlighted in given attachment.

2. Select the option "Instance in Page Editor"

3. Type the following code in CSS section and save it.

4. Define you own colors in the code according to your requirement.

div#required_information_bottom{
color:blue;   
}

.sc-field-error-label{
background-color : red;  
color : black; 
}

Regards,

Ashir Waheed

[cwillard]

Thank you! This worked perfectly. 

[Mi Mi]

Hi @Ashir Waheed 

Thank you for this information.

Would you also be able to help me how to change the background colour of that Required Information box?  Please see the image attached here.

Thank you in advance.

[Ashir Waheed]

Hi @Mi Mi 

From my understanding, I would recommend you to try the following steps 

1. Ctrl+Right click on the form highlighted in given attachment.

2. Select the option "Widget in Editor"

3. In HTML Template, look for the line 269 and add the Style as mentioned in image below.

4. Define you own colors in the code according to your requirement.

5. Save and reload the portal page, this will hopefully do the thing.

I would suggest doing changes in copy widget not the OOB.

Regards,

Ashir Waheed