Change Font Awesome Icon

[Andrew]

Hey,

How can I change the Like icon to another font awesome icon?

Cheers,

Andrew

[Anonymous]

Hi @anderew,

You can add any font from : https://fortawesome.github.io/Font-Awesome/icons/ to change the like button.

Please add the same CSS in you Custom CSS (just replace the unicode with your icon)file to change the font.

For example I have changed it to dislike button :

.buddyboss-wall-active #buddypress #activity-stream .acomment-options .unfav-comment.bp-secondary-action:before, .buddyboss-wall-active #buddypress #activity-stream .activity-meta .unfav.bp-secondary-action:before {
    content: "\f165" !important;
}

Regards
Pallavi

[Andrew]

Hey Pallavi,

Thanks for the reply. Nothing is working despite adding it to the main and custom css files. Is there a source css file I can change? Or any other suggestions.

Cheers,

Andrew

[Varun Dubey]

Hi @anderew you can copy entry.php to same path inside the child theme
/boss/buddypress/activity/entry.php
like this
/boss-child/buddypress/activity/entry.php
and can edit the comment class

					<a href="<?php bp_activity_comment_link(); ?>" class="fa fa-reply acomment-reply bp-primary-action" id="acomment-comment-<?php bp_activity_id(); ?>">

fa fa-reply is responsible for the icon display
you can replace it with any other class you like
Regards
Varun Dubey

[Andrew]

Hey Varun,

Thanks for your suggestion, however it is the ‘likes’ I am trying to change not the comments.

I think I have found the issue. https://fortawesome.github.io/Font-Awesome/cheatsheet/ I was trying to use a font image with ‘4.4’ marked next to it… I guess you are running an earlier version of FA?

I tried Pallavi’s suggestion again with a font not marked with ‘4.4’ and it worked.

So 2 more questions… How can I enable 4.4 fonts? And How can I repeat Pallavi’s suggestion for the changing the like/favorite icon in the up-state (her suggestion works for down state).

Cheers guys,

Andrew

[Anonymous]

Hi @anderew,

Please add the Following Code to Your Child Theme’s functions.php File:

<?php
add_action( 'wp_enqueue_scripts', 'prefix_enqueue_awesome' );
/**
 * Register and load font awesome CSS files using a CDN.
 *
 * @link   http://www.bootstrapcdn.com/#fontawesome
 */
function prefix_enqueue_awesome() {
	wp_enqueue_style( 'prefix-font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css', array(), '4.4.0' );
}

Regards
Pallavi

[Andrew]

Perfect! 😀 Saved my life Pallavi and Varun. Thanks for your help!

[Anonymous]

🙂

[Scott]

I am new to this template and bought them all… I am having a lot of trouble. I just pasted the code in above as directed and now cannot access my site. I am trying to restore from a backup now and hope it is all there.

[Anonymous]

Hi @shcthompson, please let me know which icon you want to change in your site..

Regards
Pallavi

[Scott]

Hi,

I am having a lot of difficulty. I figured out how to build a menu in the buddypress side. The native buddypress icons are showing up on those items (“) but for other pages it is just a document. I followed the instructions for using font awesome but it didn’t work.

[Anonymous]

Hi @shcthompson, Please check the following tutorial to change icons from BuddyPanel menus

BuddyBoss Tutorials

Regards
Pallavi

[Scott]

I put in the font awesome css code <i class=”fa-coffee fa-2x”></i>. And nothing happens.

[Scott]

Ok – so it turns out all you need is “fa-coffee” not the whole code

[Varun Dubey]

Hi @shcthompson, sorry for delayed response
You just need to add “fa-coffee” there
Regards
Varun Dubey