[Plugin: BuddyPress Activity Plus] Images are stacking Vertically in activity stream

Found a solution to my own problem!

You need to do a couple things, but they’re easy:

In your plug-ins folder -> buddypress-activity-plus -> css find the file “bpfb_interface.css” and add the following:

//This will remove the line breaks that are all over the place
.bpfb_images br {display:none}	

//This will allow you to force the images to be a diff. size, spacing, etc..
.bpfb_images img {
	max-width: 420px;
	margin-bottom: 10px;
	margin-right: 10px;
	}

If you are handy in css you can tweak away.

Cheers!
MD

Strange, I dont get ANY images or text or anything at all in my site wide activity stream. (using latest wp and bp 1.5)

Greetings from WPMU DEV Support Team!

@mdavidlow
Glad you got sorted with your problem. If you require any further assistance with any other topic/ plugin, please don’t hesitate to be in touch.

@lentildude
Please provide me with a bit more information about your WordPress website setup, in order for me to check where the problem lies.

A good day to you both and thank you for using the WPMU DEV plugins!

Gina :: Multiplicity
Trying out as WPMU DEV Support Staff – Let me know how I go

@mdavidlow
Forgot to mention, thank you for sharing the solution. We appreciate it when our members play an active role in the improvement and development of our plugins. Great stuff!

Gina :: Multiplicity
Trying out as WPMU DEV Support Staff – Let me know how I go

Buddypress activity plugin stacking up your images instead of showing them side by side?

Look no further. I have spent hours testing other hacks and none of them have worked. MDavidLow’s solution above didn’t work for me either. Here’s how to fix it:

https://customwebdesignseo.com/groups/buddypress/snippets/15/

Cool!

https://customwebdesignseo.com/groups/buddypress/snippets/15/

This link did not work and I am desperate to align the images horizontally …can someone please explain how to align the images?

Thx!

Sorry about that Donald..actually the content at that link has been moved. Here’s the new working link:

Here’s how to fix Buddypress activity plug images stacked […] https://customwebdesignseo.com/activity/p/2578/

Hope this helps! ‘Like’ the page if it does ??

Let me know.

Thank you!

And I checked customwebdesign.com …cool site!

Cheers!

Thanks so much Donald! I see you joined in ?? Welcome to the network..

@83 Oranges!

Awesome! Thank You!
bookmarking for reference

Kimberly

83 Oranges .com, Unfortunately your fix for the vertical activity plus images didn’t work for me.
I follow exactly your steps but then the thumbnails disappeared and the images kept showing in vertical position.

Here is the link to my site. I hope you can help on this issue
https://www.iphoneblogger.net

Isnt this a simple CSS fix? Or am I missing something?

.activity-content img{ float:left; margin:0 15px 15px 0;}

Hi giorgosnl! Sorry to hear the fix didn’t work for you. Has the1path’s solution helped you? If not, I can help you get the issue fixed but will need access to the site.

Hi 83 Oranges, Appreciate you offer. Indeed the the1path’s solution helped but not the one posted here. on another post this one helped.

.bpfb_images a {
    display: inline-block;
    float: left;
    margin: 0 15px 15px 0;
}

Still need to remove the <br> tags that pushes the images down for a complete fix, but dont know yet where they are.