Change the Service Portal Widget Back ground Color

[SNOW46]

Hi All,

I want to change the widget header color in Service Portal.

can anyone suggest me on the same.

The one above marked in red I want to change the color of the background.

[Naveen4]

Hi,  out of  the box  widget css can't be editable if you want to do any customization clone the OOB widget and do commit your customization's and and replace the OOB widget to cloned widget.

and if you want widget specific CSS my previous reply will help you.

Thanks,Naveen

[Manan Raval]

Hi,

You can go to the that particular widget instance. In that you can modify the bootstrap color. Please find in below screenshot:

[SNOW46]

But I want to remove the existing background color and input some other color in widget header background.

[Manan Raval · Accepted solution]

Hi,

With the step provided and is OOB, you can make the color either red(Danger), blue(Primary), orange(Warning), green(Success), Light blue(Info).

OR you can add panel-heading class in the CSS of the widget instance as shown in the screenshot.

If you want things other than these, you need to clone the widget, provide some id to the div tag holding the header and provide CSS to it according to your needs. And by doing so, you will be cloning each and every widget of this type you are using in your portal which will be a little hectic.

Regards,

Manan

[SNOW46]

Hi Manan,

I have came up with one similar type of requirement that I need to change the color of the text inside the box.

Previously I changed the color for the widget heading in the custom widget css as below.

Now I want to change the color for the text i.e., Incident Number and the fields below number as below marked in red box.

I am bit confused on the CSS part so need your expertise on the same.

Thanks..