Change feature icon in listing page

[nureqmal]

How to change the featured star icon to wording, specifically in vendor listing page without affecting other icon in other page?

[Fabricator]

Hi! Add this CSS from the front-end editor into the Additional CSS section:

.hp-listing--edit-block .hp-listing__actions--primary .hp-listing__action--feature[data-state=active] .fa-star:before{
    content: "featured";
	  color: green;
}

.hp-listing--edit-block .hp-listing__actions--primary .hp-listing__action--feature .fa-star:before{
    content: "make featured";
	  color: rgba(7,36,86,.25);
}

You can freely change the words (content: “typewhatUwant”), and the colors (color: yourfavoritecolor).

[nureqmal]

THANK YOU for helping me out!