rebastion
commented
2 years ago After playing around the entire night, it turns out the problem has been that which has played FA users for years: the changing shorthand from fa to fas to fab to fa-brands.... long story short: it works with fab. So here is the code I used which works well:
$wgTweekiSkinSpecialElements['TWSOC'] = 'twsoc'; function twsoc( $skin, $context ) { echo '<li class="nav-item"><a href="https://www.twitter.com/xyz" target="_blank" class="nav-link fab fa-twitter"> </a></li>'; };
Need some pointers here. On another wiki, I added some font-awesome items without text to the menu to look like this:
By just adding some
<li class=""><a href="https://www.twitter.com/xxxx" target="_blank"><span class="fa fa-twitter"> </span></a></li><li class=""><a href="https://www.facebook.com/xxxx" target="_blank"><span class="fa fa-facebook"> </span></a></li>inside the UL element, directly in the theme's file (using the also excellent Foreground skin).Now with this skin, I tried with the special elements and basically tried adding a font-awesome styled A or A contained in an LI to the top menu, but for some reason, the icons wont show and it also doesn't quite adapt to the menu's style. Any ideas?
So I put this in the Localsettings:
$wgTweekiSkinSpecialElements['FBSOC'] = 'fbsoc'; function fbsoc( $skin, $context ) { echo '<li><a href="https://www.facebook.com/xxxx" target="_blank"><span class="fa fa-facebook"> </span></a></li>'; };and added FBSOC,TWSOC to navabar-left....