Usage
<i class="fa-brands fa-facebook-square"></i>
Use with Bootstrap classes and components.
<i class="display-1 fa-brands fa-instagram text-danger"></i>
Follow me
<a class="btn btn-primary" href="#"><i class="fa-brands fa-twitter"></i> Follow me</a>
+
<a class="btn btn-warning btn-lg d-block" href="#"><i class="fa-brands fa-bootstrap"></i> + <i class="fa-brands fa-wordpress"></i></a>
Shortcode
Simply insert icons by shortcode to the body text.
Simply insert [bsfa fa-brands fa-font-awesome] icons by shortcode to the body text. [bsfa fa-solid fa-thumbs-up]
Filters
Filter go to child’s functions.php.
Disable fa-width-auto
Bootscore uses fa-width-auto class on body to reduce the left/right padding on icons and make buttons narrower. Use a filter to disable it and restore default FA settings.
/**
* Disable fa-width-auto
*/
add_filter( 'bootscore/class/fa_width_auto', '__return_false' );
For single icons, use class fa-width-fixed within the icon code as described in the FA canvas docs.
<i class="fa-regular fa-house"></i> <i class="fa-solid fa-inbox"></i>
<i class="fa-regular fa-house fa-width-fixed"></i> <i class="fa-solid fa-inbox fa-width-fixed"></i>
Disable Font Awesome
Disable Font Awesome entirely. Follow this discussion on how to use another icon font library or using svg icons instead.
/**
* Disable Font Awesome
*/
add_filter('bootscore/load_fontawesome', '__return_false');