Changing font in a widget

Sharon Cain
Kilo Contributor

Hi

Is it possible to change the font of a widget and the colours within the widget?

Ive changed the background colour of my page, and the widgets are sticking out like a sore thumb

 

Thanks

Sharon

6 REPLIES 6

rahulpandey
Kilo Sage

Hi, 

It is very much possible to change the color of widget though color attribute is related to multiple things like, background text etc.

You can just add you css in widget css and then append it to whatever element you want color 🙂

Alberto Consonn
ServiceNow Employee
ServiceNow Employee

Hi Sharon,

go to the CSS section of your widget and insert something like this (it's just an example, feel free to change it):

.homepage-quicklinks {
        background-color: #ffffff;
        font-family: "SourceSansPro", Helvetica, Arial, sans-serif;
        font-size: 14px;
    }

If I have answered your question, please mark my response as correct so that others with the same question in the future can find it quickly and that it gets removed from the Unanswered list.

Thanks you

Cheers
Alberto

Hi,

Any update on this?

If I have answered your question, please mark my response as correct so that others with the same question in the future can find it quickly and that it gets removed from the Unanswered list.

Thanks you

Cheers
Alberto

Sharon Cain
Kilo Contributor

Hi Alberto

 

Apologies, ive added the code in and nothing has changed (please note we are still in the implementation stage so i'm learning as i go), how do i know what the widget is called - i cant see it referenced anywhere, or maybe i am looking in the wrong place?

 

.homepage-quicklinks {

 

Thanks

Sharon