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  Anita 1 year, 1 month ago.

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

    benjeeno
    Participant
    Post count: 248

    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

    Anita
    Participant
    Post count: 7353

    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.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #47933

    Anita
    Participant
    Post count: 7353

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


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #47941

    benjeeno
    Participant
    Post count: 248

    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

    Anita
    Participant
    Post count: 7353

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


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

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

You must be logged in to reply to this topic.