install Font Awesome to work in Buddypress installation with Executive theme

Community Forums Forums Design Tips and Tricks install Font Awesome to work in Buddypress installation with Executive theme

This topic is: resolved

This topic contains 4 replies, has 2 voices, and was last updated by  AC 1 year, 4 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #47924

    benjeeno
    Participant
    Post count: 266

    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/
    #47932

    AC
    Blocked
    Post count: 7712

    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.

    #47933

    AC
    Blocked
    Post count: 7712

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

    #47941

    benjeeno
    Participant
    Post count: 266

    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

    #47998

    AC
    Blocked
    Post count: 7712

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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.