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

How to change text color on csm portal widget ?

Sid_Takali
Kilo Patron

Hi all,

I have a requirement where I need to change the text and font color of an OOTB portal widget. 

 

SiddharamTakali_2-1699445042957.png

 

In the above screenshot there is a text "Contacts support to make a request, or report a problem" in gray color. How do I change the text message and text color as well. 

Thanks

 

1 ACCEPTED SOLUTION

SANDEEP28
Mega Sage

@Sid_Takali 

 

1) To change the text message you need go to page designer of CSM portal.  Click on the "pencil" icon of "Get help" widget. It will prompt widget instance form. Here you can change the text in "Short description" field then save it.

 

SANDEEP28_0-1699446398370.png

 

SANDEEP28_1-1699446475301.png

 

2) To change the color of text, you can open the instance of "Get help" widget and add below property in CSS.

 

Click on hamburger button and then open in platform.  This will open instance record form

 

SANDEEP28_0-1699446798440.png

 

Check if CSS field is there on the form. It its not there then add it using form layout. Put below CSS property in CSS field and save it.

 

.text-muted{
color: #FF0000;
}

Here I have put hashcode of red color. You can put whatever you want.

SANDEEP28_1-1699446905754.png

 

 

Result ; 

 

SANDEEP28_2-1699447029346.png

 

If I could help you with your Query then, please hit the Thumb Icon and mark as Correct !!

View solution in original post

1 REPLY 1

SANDEEP28
Mega Sage

@Sid_Takali 

 

1) To change the text message you need go to page designer of CSM portal.  Click on the "pencil" icon of "Get help" widget. It will prompt widget instance form. Here you can change the text in "Short description" field then save it.

 

SANDEEP28_0-1699446398370.png

 

SANDEEP28_1-1699446475301.png

 

2) To change the color of text, you can open the instance of "Get help" widget and add below property in CSS.

 

Click on hamburger button and then open in platform.  This will open instance record form

 

SANDEEP28_0-1699446798440.png

 

Check if CSS field is there on the form. It its not there then add it using form layout. Put below CSS property in CSS field and save it.

 

.text-muted{
color: #FF0000;
}

Here I have put hashcode of red color. You can put whatever you want.

SANDEEP28_1-1699446905754.png

 

 

Result ; 

 

SANDEEP28_2-1699447029346.png

 

If I could help you with your Query then, please hit the Thumb Icon and mark as Correct !!