Change verification badge icon

[Omaas]

how do i change the verification badge or vendors and listings to another icon? i want to add something different. using font awesome

[ihor]

There are 2 ways to do this but both require customizations, you can override this template part via a child theme and change the icon CSS class directly or replace the icon by targeting the badge via CSS.

[Omaas]

i tried changing it from “fas fa-check-circle” to “fas fa-badge-check” but it didn’t work Screenshot by Lightshot

[andrii]

Hi,

Please check the solution in this topic Is any way to change an icon like the verified one

[Omaas]

when i changed it from

.hp-vendor__verified-badge::before {
	content: "\f058"!important;
}

to

.hp-vendor__verified-badge::before {
	content: "\f336" !important;
}

it didnt work

[andrii]

Hi,

Please make sure you add this CSS snippet in the Appearance > Customize > Additional CSS section.
We also recommend using the icons at this link Line Awesome — Free Beautiful Icon Font