Camera button in Buddypress Groups

[consciouscrafties]

Hi Harry,

I’ve been trying to style this little camera button for ages and getting no where sorry.

I’ve added you to this group so you can see the little camera icon. It becomes a real issue when trying to reply to a post as it covers part of the post button (see screenshot)

Group: https://www.consciouscrafties.com/groups/craftie-friends-networking-and-training/

Many thanks,

Karen

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Karen,

Please add below code

.ac-reply-content .buddyboss-bbpress-media-add-photo, 
.ac-reply-content .buddyboss-comment-media-add-photo {
	width: 90px !important;
	margin-right: 10px;
}
.ac-reply-content .buddyboss-bbpress-media-add-photo-button {
with: 90px!important;
}
#buddypress div.activity-comments form input {
	padding: 0 34px;
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[consciouscrafties]

Hi there Harry,

That made the post button longer so it wasn’t so hidden so it’s an improvement (see screenshot).

I spoke to BuddyBoss about this one as I use their Wall and Media plugins for uploading images and allowing users to ‘like’ posts in Buddypress. The buttons should actually be nice icons (see attached), so BuddyBoss think Claue might be overriding Buddypress or BBpress templates somewhere, this is what they said ‘Seems like your theme styling the buddypress activity page options’

Do you know if Claue does do this as it’s weird how they are buttons instead of cute icons?

Many thanks,

Karen

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Karen,

Please ask BuddyPress team is it a theme of BuddyPress because i check default code of BuddyPress on your site it doesn’t have code to show the icons.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[consciouscrafties]

Hi Harry, it’s a BuddyBoss plugin rather than a Buddypress plugin:

This is the one that enables users to ‘Like’ posts:

https://www.buddyboss.com/product/buddyboss-wall/

and this is the one to enable users to add photos to their posts:

https://www.buddyboss.com/product/buddyboss-media/

I’m wondering whether it’s because I use some Buddypress templates in Claue-child and it might be preventing the buttons from appearing. Will speak to BuddyBoss again.

Thanks,

Karen

[consciouscrafties]

Hi Harry,

BuddyBoss have come back with this:

Wall and Media plugins add more features to the buddypress pages but your theme seems to creating button layout for the activity sections. You can ask their support if they can help creating icons in place of buttons.

Can you help?

Many thanks,

Karen

[Harry]

Hi Karen,

Please install these plugins to have icons i will check and remove my override code for button.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[consciouscrafties]

Hi Harry,

Which plugins would you like me to install? Do you mean the BuddyBoss Wall and Media plugins as these are already installed but the icons for like, photo, bin and reply are all buttons instead of the icons.

Thanks,

Karen

[Harry]

Hi Karen,

I check the code of version on your site it different with version on Buddy Wall demo

– On you site http://take.ms/mPWr9

– On Budddy demo http://take.ms/q3S5f

And on their demo have class to show icons but on your site don’t have class to show icons

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[consciouscrafties]

Thanks for investigating Harry really appreciate that 🙂

I’ve send your comment to BuddyBoss, many thanks

[consciouscrafties]

Hi Harry hope you’re having a good Friday 🙂

BuddyBoss have responded with this but I don’t know what to do….

Hi Karen,

Those icons are coming from the font awesome classes.
You can check this link https://fontawesome.com/icons/ reply?style=solid
this one we used for reply.

You can ask your developer to add awesomeness icons using custom CSS code like in below example.
https://stackoverflow.com/ questions/14736496/use-font- awesome-icons-in-css

Regards
Anve – Buddyboss support

 

Any help you can offer would be really appreciated.

Many thanks,

Karen

[Harry]

Hi Karen,

I know how to integrate FontAwesome to theme and our theme already integrated this font, but on your site it doesn’t load class of font-awesome like on their demo so it can’t show the icons.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[consciouscrafties]

Hi Harry,

Thanks for all your help on this, I have given up on the BuddyBoss Wall and Media and found another amazing plugin that has file upload, likes, emoji’s and more! Everything looks very pretty now 🙂 So all is good in the world again 😉

Attachments:

You must be logged in to view attached files.

[Harry]

Glad to see new layout with new plugin!

Have nice weekend!

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[consciouscrafties]

Thank you Harry and you too! 🙂

[Author]

Posts