Editing custom badges with CSS

Related products: PX Engagements

With the existing product design, editing custom badges with css is a limitation.

It would be great, If customers had an option to edit the custom badges with css.

The badge is simply an icon (or image url) that can be configured to have your specific color, size, background color, border etc.

Would like to hear what css or options you feel are missing to create your desired badge.


I would like to add a different color on hover (or a different image on hover)


Hello Everyone!

Happy to announce that your request has been considered and included as part of the April 21 release. Specifying the opacity for the color of the Badge icon helps you make the Badge icon transparent/opaque, partially transparent or translucent on the target application.

Thanks for posting!