Topic: Solved – Font Awesome Issues · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

Solved – Font Awesome Issues

sirbenky
Participant

@sirbenky

3 years, 11 months ago
I’m having issues adding font awesome icons to buddypress menus…

Below are the css codes i tried to input
```
/* Menus */
#icon-added a::before{
      padding-right: 10px;
      font-family: "FontAwesome"
    }
a#user-front::before {content: "/f015"; }
```
All this ended up showing was the text iteslf and not the icon… I installed font awesome and my wordpress theme is astra

Viewing 2 replies - 1 through 2 (of 2 total)

clickallco
Participant

@clickallco

3 years, 11 months ago

The slash needs to be the other way around, like so:

a#user-front::before {content: "\f015"; }
sirbenky
Participant

@sirbenky

3 years, 11 months ago
Thank you so much… I also used the following to make it come out
```
a#user-front::before {font-family: 'Font Awesome';
font-weight: 600;
content: "\f015" ;
font-size: 20px;}
```

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.