How do I change the widget font color and widget background color?

Sid_Takali
Kilo Patron
Kilo Patron

Hi all,

How do I change the widget font color to white and widget background color to blue on CSM portal? 

Thanks

Screenshot (8).png

1 ACCEPTED SOLUTION

Hi @Sandeep Rajput 

 

This will change the complete background for that container. Not just the widget.

Although this brings me to the idea, you could edit the css of the widget itself as well:

@Sid_Takali 

 

PeterBodelier_0-1699270465090.png

 

PeterBodelier_1-1699270491222.png

.iconlink{
 background-color: #000000; 
}

 


Help others to find a correct solution by marking the appropriate response as accepted solution and helpful.

View solution in original post

4 REPLIES 4

Peter Bodelier
Giga Sage

@Sid_Takali,

 

If you want to stay OOTB, you can only change the color, not the background color.

 

Ctrl/Command + Right click the widget, select instance options, and change the color.

 

If you must change the background color, you will need to clone the widget, and change it in the html.


Help others to find a correct solution by marking the appropriate response as accepted solution and helpful.

Sandeep Rajput
Tera Patron
Tera Patron

@Sid_Takali The widget you are referring to is called Icon Link widget, if on this widget changes related to font color is needed then you would need to change the widget CSS for the same.

 

Screenshot 2023-11-06 at 4.54.11 PM.png

If it is just about changing the widget container background color then you can Ctrl+right click on the widget to see the following options.

Screenshot 2023-11-06 at 4.52.25 PM.pngScreenshot 2023-11-06 at 4.53.16 PM.png

 

 

Hi @Sandeep Rajput 

 

This will change the complete background for that container. Not just the widget.

Although this brings me to the idea, you could edit the css of the widget itself as well:

@Sid_Takali 

 

PeterBodelier_0-1699270465090.png

 

PeterBodelier_1-1699270491222.png

.iconlink{
 background-color: #000000; 
}

 


Help others to find a correct solution by marking the appropriate response as accepted solution and helpful.

My bad, yes the entire background of the container will change. But the option of CSS is always there to change the background color for widget.