This guide will show you how to change the style of the Tag Groups that appear underneath posts.
Use the following CSS in your Customizer -> CSS or your style.css to add a tag icon in front of each tag. The Dashicon used here is “f323”. You can find a new icon and the related number by visiting the Dashicons guide on WordPress.org.
For example, a “site” icon is “f319” and a “comments” icon is “f101”.
.tag-groups-premium-post-tags-table td a {
text-decoration: none;
}
.tag-groups-premium-post-tags-table td a:before {
content: "\f323";
font-family: Dashicons;
margin: 0 .2em 0 .4em;
padding-right: .1em;
padding-left: .5em;
}
The output using “f323” as a Dashicon will be like this screenshot below: