service portal - modify widget title color

[maronis]

Hi guys,

I am working on the Service Portal widgets.

I can customize and change the color of the icon shopping bag below to whatever color I want but I am unsuccessful with the title ('commander'). I'd like to change it to white for example.

In the page editor > widget icon > commander (my customized widget)

I have inserted the following CSS to no avail.

'title' is not the right definition of the widget title therefore it cannot work I guess.

Do you have any idea?

Thanks in advance for your help.

Maron

[Naresh27 · Accepted solution]

Hi Maron,

This is quite simple to find out if you can inspect on a web page.

However let me see if I can take you their, Looks like you are using top icon widget here. So their should be a CSS like this in your widget

a.top_icon h3 {

  font-weight: 400;

  padding: 0;

  margin: 0 0 10px 0;

  color: white/give any color;

}

Let me know if this doesn't work

[maronis]

Hi Nadon,

thank you, it works fine.

Not only you 'saved my life but teach me how to fish'.

Checking the web page is helpful to find out the name of the element, with that tip I can work much better.

Thus a.top_icon h2, .top_icon h2 or simply h2 work perfectly (a.top_icon h3 does not )

Maron