XenForo Tutorials

Add an FA logo to the user group

Submitted by Sunny1997, , Thread ID: 123409

Sunny1997
Newbie
Level:
0
Reputation:
0
Posts:
16
Likes:
4
Credits:
0
04-03-2019, 01:23 PM
#1
Code:
.username--style3:before { // Change the number 3 by the number of the user group you want.
  font-family: "FontAwesome";
  content: "\f132"; // Change the unicode (f132) by the one you want to find on the site: https://fontawesome.com/v4.7.0/icons/
  color: inherit;
  padding-right: 4px;
  display: inline-block;
}

Add to extra.less

RE: Add an FA logo to the user group

JAFRI
Newbie
Level:
0
Reputation:
0
Posts:
13
Likes:
1
Credits:
35
10-04-2019, 07:39 PM
#2
working will, itis good to use a custom dev like text logo with FontAwesome :-)

RE: Add an FA logo to the user group

nibbas
Newbie
Level:
0
Reputation:
0
Posts:
15
Likes:
0
Credits:
15
05-07-2019, 06:57 PM
#3
What does FA stand for? Anybody knows? Havent seen this abbreviation before.

RE: Add an FA logo to the user group

ArcadiaGuild
Member
Level:
11
Reputation:
3
Posts:
151
Likes:
6
Credits:
244
09-08-2020, 02:26 PM
This post was last modified: 09-08-2020, 03:14 PM by ArcadiaGuild
#4
05-07-2019, 06:57 PM
nibbas Wrote:
What does FA stand for? Anybody knows? Havent seen this abbreviation before.
FA = Font Awesome (it is the icon website that provides the image in front of the user group)

04-03-2019, 01:23 PM
Sunny1997 Wrote:
Code:
.username--style3:before { // Change the number 3 by the number of the user group you want.
  font-family: "FontAwesome";
  content: "\f132"; // Change the unicode (f132) by the one you want to find on the site: https://fontawesome.com/v4.7.0/icons/
  color: inherit;
  padding-right: 4px;
  display: inline-block;
}

Add to extra.less

I can only get a blank square when I do this.....
1

Users browsing this thread: 1 Guest(s)