- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
11-08-2023 04:00 AM
Hi all,
I have a requirement where I need to change the text and font color of an OOTB portal widget.
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
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
11-08-2023 04:29 AM - edited 11-08-2023 04:37 AM
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.
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
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.
Result ;
If I could help you with your Query then, please hit the Thumb Icon and mark as Correct !!
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
11-08-2023 04:29 AM - edited 11-08-2023 04:37 AM
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.
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
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.
Result ;
If I could help you with your Query then, please hit the Thumb Icon and mark as Correct !!