The CreatorCon Call for Content is officially open! Get started here.

options under required information is appearing black color for data privacy agreement form

Community Alums
Not applicable

Hi,

options under required information is appearing black color for data privacy agreement form.

How can I change background color?

6 REPLIES 6

Moin Kazi
Kilo Sage
Kilo Sage

Hi @Community Alums ,

 

Follow the steps below to change the background color:

Step 1 - Open Portal

Navigate to: Service Portal > Portals > Your Portal (for example, "Brilliance Hub" in this case).

Locate the Theme field and open the theme record.

MoinKazi_1-1730282585082.png

 

Step 2 - Update the CSS Variable

In the Theme Record, go to the CSS Variables field and locate $text-secondary: Update the color value next to it with your desired color. (For example, I updated it to red in my case.)

MoinKazi_0-1730282548355.png

 

And here is the final output:

MoinKazi_2-1730282784551.png

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

If you found my response **helpful**, I’d appreciate it if you could take a moment to select **"Accept as Solution"** and **"Helpful"** Your support not only benefits me but also enriches the community.

 

Thank you!
Moin Kazi
www.linkedin.com/in/moinuddinkazi

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

 

Community Alums
Not applicable

Hi ,

It worked however,border is showing bold black .How can I uncheck bold border & make it blue?

Hi,

 

Add the following property to your theme. Under the sc-field-error-label , you can add additional CSS to customize the required button functionality. For instance, I removed the border so it only displays a red color, but you can add more properties to further adjust the button layout and color as needed.

 

 

 

.sc-field-error-label {
        border-width: 0px;
      }

 

 

Output -

MoinKazi_0-1730357371767.png

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

If you found my response **helpful**, I’d appreciate it if you could take a moment to select **"Accept as Solution"** and **"Helpful"** Your support not only benefits me but also enriches the community.

 

Thank you!
Moin Kazi
www.linkedin.com/in/moinuddinkazi

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

Community Alums
Not applicable

Hi Moin,

 

I am very close to achieve this ,Its working absolutely fine ,borders are not bold now ,its working great.Can you please tell me how can I make border lines color black to blue?