XenForo Tutorials

Add an FA logo to the user group

Submitted by Sunny1997, , Thread ID: 123409

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

#2
working will, itis good to use a custom dev like text logo with FontAwesome :-)

RE: Add an FA logo to the user group

#3
What does FA stand for? Anybody knows? Havent seen this abbreviation before.

RE: Add an FA logo to the user group

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: 3 Guest(s)