CSS - how to apply CSS pseudo element :: before to font awesome icon

Hi,

I would need to insert a Font Awesome icon for "link" using the CSS preudo element ":: before" before all the links of the html element "a" in the class ".frontend-content". Can you advise how to do it?

Thanks

REPLY

Hi,

to add a Font Awesome icon for "link" using the CSS preudo element ":: before" can be done as follows:

.frontend-content a::before {
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c1";margin-right: 3px;color:#777;
}