tag icon in front of tags

crazycells · 20 Jan 2022, 10:14

Hi @phenomlab , you have a tag icon in front of tag words, and I believe it looks cooler.

how do you achieve this?

phenomlab · 20 Jan 2022, 16:10

@crazycells Hi, I use the below CSS for this

 span.tag:before {
    content: "\f02c";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
    margin-left: 5px;
}

crazycells · 20 Jan 2022, 16:28

@phenomlab for me, it shows a vegetable lol
how can I fix this? Thanks a lot.

phenomlab · 20 Jan 2022, 17:20

@crazycells Are you using Font Awesome Free ? If so, try this

 span.tag:before {
    content: "\f02b";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    margin-left: 5px;
    font-weight: 900;
}

crazycells · wrote on 20 Jan 2022, 17:20

@crazycells Are you using Font Awesome Free ? If so, try this

 span.tag:before {
    content: "\f02b";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    margin-left: 5px;
    font-weight: 900;
}

yeap, this worked thanks a lot.

sudonix

	span.tag:before {
	content: "\f02b";
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
	margin-left: 5px;
	font-weight: 900;
	}