Styling your Clean Beauty Icons

Last updated February 1, 2023

To style your clean beauty icons in the JavaScript implementation

Size of the Clean Beauty Icons

Inline styles can be overruled by specifying CSS rules with !important

Hiding certain Icons

We will be adding CSS classes to the img-tags. Hiding specific icons will be enabled as a function of the snippet in the coming days.

But as an immediate solution for hiding specific labels, it's possible to target with the alt tag.
For Example;
img[alt="pro_nature] { display: none; }

Changing the look of the Standard Icons

Changing the look of our Standard Clean Beauty Icons with JavaScript Integration is not possible. This solution comes with ready-to-use Icons from Skin Match Technology.

Related Topics