Need help on adding Glyph icon

[shaik_irfan]

Hi,

On the Service Portal i want to add my own custom glyph. Can anyone please help me how to do this

[Willem]

Can you add this to your CSS:

img {
  border-radius: 50%;
}

If that works, might be best to give your <img> an id value and set it that way.

[shaik_irfan]

No sir, it didnt worked. Can you please look at the instance sir ?

[wow-on-now · Accepted solution]

@shaik.irfan 

Set the CSS to of the outer div containing the image to this

    background: #1F8476;
    display: inline-block;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    object-fit: contain;
    padding: 10px;

and set the image css to this

height: 100%;
filter: brightness(0) invert(1);

Note: You don't need to apply filter. I just did that to make it white. You can just upload a white Image. 

Here is the output

[shaik_irfan]

@serviceportalpro 

Sir,

If you dont mind can you please look at my instance. I did not understand what you mean outer div ? 

My Image icon html code dont have any div 😞

[wow-on-now]

Looks like you have a span that wraps the image in one of your widgets. It should work the same way. 

Thanks,
Ritesh

Intellective
Bringing WOW on NOW