install Font Awesome to work in Buddypress installation with Executive theme

[Ben Siegfried]

I'm trying to install Font Awesome to work with the Executive them that has a Buddypress install. I'm trying to get Font Awesome icons to show on a the "Activity Streams" and "Members" pages that are Buddypress driven. I am not sure if this Buddypress install being under the Executive them is right for this forum with what I am trying to do?

I've followed Font Awesome's instructions by placing their CSS and Font folders in the root of Executive theme but the fonts are not showing on "Activity Streams" and "Members" pages. To see them you have to be a registered and logged in member. The site is sandbox status, so it's ok if you register, I'll delete you before going live.

I've also tried placing them in Plugins > buddypress > bp-themes > bp-default and that didn't work. I've tried moving the Font folder and the CSS file for Font Awesome to the Plugins > buddypress > bp-templates > bp-legacy directory and placed the css file for font awesome into the CSS folder in that directory, the same directory where the buddypress.css is (that styles the buddypress pages).

Is this an issue better taken to the Buddypress forum?

Ben

http://bensiegfried.com/gmse/

[AnitaC]

Try copying the only what you need into the Style.css at the very bottom and see how it reacts. Sometimes you need to place it in there.

---

Need help with customization or troubleshooting? Reach out to me.

[AnitaC]

You can also try out @RealFatMedia's instructions here - http://youneedfat.com/font-awesome-wordpress-cdn/.

---

Need help with customization or troubleshooting? Reach out to me.

[Ben Siegfried]

Oh my goodness anitac, the CDN method is the one!

Thank you so much!

I added this to the Executive Theme function.php's file and it works like a charm ; )

/**
* Registers and loads font awesome
* CSS files using a CDN.
*
* @link http://www.bootstrapcdn.com/#tab_fontawesome
* @author FAT Media
*/
add_action( 'wp_enqueue_scripts', 'mytheme_add_the_awesome' );
function mytheme_add_the_awesome() {
// Register the awesomeness.
wp_register_style( 'font-awesome', '//netdna.bootstrapcdn.com/font-awesome/3.2.0/css/font-awesome.min.css', null, '3.2.0' );
do_action( 'mytheme_add_the_awesome' );
}
 
// Load the awesomeness
add_action( 'mytheme_add_the_awesome' , 'mytheme_load_the_awesome' );
function mytheme_load_the_awesome() {
wp_enqueue_style( 'font-awesome' );
}

Read more at http://youneedfat.com/font-awesome-wordpress-cdn/#sWM2YrXKoey1RL7p.99

[AnitaC]

Glad it worked for you. @RealFatMedia is one of the many great resources of good code I use.

---

Need help with customization or troubleshooting? Reach out to me.

[Author]

Posts