Change Edit and VIew icons to text links

[databell]

Got an issue where users are complaining they don’t understand on the Account Listings page what the Edit (Pencil) and VIew (Eye) icons actually are supposed to do. As a result, I’ve been asked to change them into text links or buttons with text inside. Is there a way to do that? Or must it be custom coded instead?

[andrii]

Hi,

Please try these CSS snippets:

For view icon:

.hp-listing__actions--primary .fa-eye:before {
    content: "Custom text";
}

For edit icon:

.hp-listing--edit-block .fa-edit:before {
    content: "Custom text";
}

Please note that it can require further customization.

​I hope this is helpful to you.