FontAwesome issue causing social icons blank

  • Resolved rakaloah

    (@rakaloah)


    6 years, 7 months 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)

    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";
}

    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.