FontAwesome issue causing social icons blank

Resolved rakaloah
(@rakaloah)

6 years ago
In Font Awesome 5, all brand logos are moved to ‘Font Awesome 5 Brands’, not ‘FontAwesome’ anymore (as seen in Obilque 2.0.12), rendering social icons blank.

Temporary fix is to add proper font-family to theme custom CSS:
```
.social-navigation li a::before {
	font-family: 'Font Awesome 5 Brands';
}
```

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

Thread Starter

rakaloah

(@rakaloah)

6 years ago

But wait, there’s more:
Widget icons are also broken because of this…

Temporary fix is to add below to theme custom CSS:

.widget_recent_entries li::before,
.widget_archive li::before,
.widget_pages li::before,
.widget_recent_comments li::before,
.widget_categories li::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
.widget_recent_entries li::before {
	content: "\f303";
}
.widget_archive li::before {
	content: "\f133";
}
.widget_pages li::before {
	content: "\f15b";
}
.widget_recent_comments li::before {
	content: "\f075";
}
.widget_categories li::before {
	content: "\f07b";
}

Corrado

(@nimdaweb)

5 years, 12 months ago

Thanks a lot!
Good solution!

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

The topic ‘FontAwesome issue causing social icons blank’ is closed to new replies.