How to change the text color for Widget's title?

Lavanya34 · ‎07-31-2019

Hi All,

Is there any possible to change the text color of the widget's title if there please help me with this requirement i need to change the text color from white to black.

Thanks & Regards,

Lavanya

Allen Andreas · ‎07-31-2019

Hi,

You can clone the widget, if not already done so, and then in the CSS section, you'd want to put the class inside and change the color. For example...I cloned the "Simple List" Widget. Which on my portal looks like this:

I then went to widget editor:

Looked at the HTML and saw this:

So I then went to the CSS section and did this and saved:

Which now results in my title looking like this:

Please mark reply as Helpful/Correct. Thanks!

Please consider marking my reply as Helpful and/or Accept Solution, if applicable. Thanks!

View solution in original post

Sandeep132 · ‎07-31-2019

Hi Lavanya,

Press Control and right click on the Highlited section. You can see option Widget in Editor. Now here you can see the CSS section and find the tags similar to this box-shadow: 0px 0px 2px 5px #ffffff;
background-color: #ffffff;

Here you can adjust the colors you require.

Thanks,

Lavanya34 · ‎07-31-2019

Hi Sandeep,

There is no box-shadow section in CSS, and i need to change color for many widgets so is there any other solution to this?

Thanks,

Lavanya

Narayan2 · ‎07-31-2019

Hi Lavanya,

You can overwrite OOB panel heading class:

.panel-heading

background-color: <color which you want>;
color: #4a4a4a;
border-color: #dee5e7;

Upender Kumar · ‎07-31-2019

Hi,

If you want to add it for all the panel header then you can create your own css and include it in the service portal theme.