Support » Theme: Oblique » FontAwesome issue causing social icons blank

  • Resolved rakaloah

    (@rakaloah)


    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)
  • 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.