Change feature icon in listing page

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

image

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).

1 Like

THANK YOU for helping me out!

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.