How to change Icon Link widget colors

[pmadireddy5108]

How to change Icon Link widget webpart colors. I have edit the webpart and change the webpart colors by selecting bootstarp colors(danger, success, primary, default....).

Now I want apply custom colors for webpart. Is there any way to change bootstarp colors or apply custom colors?

Please find the attached screenshots

[solonxu]

Praveen, I've got similar issue. Any solution? Thanks.

[Jeet]

Hi Solon,

Please have a look on below answer and check if it is working for you.

Regards,

Jeet.

[Jeet]

Hi Praveen,

You can change it by applying CSS on it.

Go to table sp_instance_link

Then open the form for kb_view2 page.

CSS :

a.top_icon{

  background-color: blue;   // OR   MENTION THAT ATTRIBUTE YOU WANT TO INCORPORATE IN YOUR STYLE

}

PS: Mark helpful or correct if it is. TIA

Regards,

Jeet.

[VaranAwesomenow]

Thanks Jeet.

One more observation is that, if all the widgets on the page should have the same background color then this CSS should be updated in the page level CSS like screenshot below.