Using Masonry with the BP activity feed would be possible. It’s a loop of data just like a loop of blog posts. You might need to change some of the default selectors to match the BuddyPress markup but aside from that I see no problems.
@henrywright That’s great that you don’t think it would be a problem! 🙂 I’m just unsure of what direction to tackle it from… CSS or functions.php? Or both? Any suggestions?
If you take a look at the docs on the Masonry website you’ll see that you can do something like this with jQuery
<script>
jQuery('#container').masonry({
columnWidth: 200,
itemSelector: '.item'
});
</script>
#container
and .item
are used in the example but in BuddyPress they will be something like #members
and .member
. For example your BuddyPress page source code might look like this
<div id="members"> <!-- this is the #container -->
<div class="member"> <!-- this is the .item -->
<!-- various stuff happens here for a particular member -->
</div>
<div class="member"> <!-- this is the .item -->
<!-- various stuff happens here for a particular member -->
</div>
<div class="member"> <!-- this is the .item -->
<!-- various stuff happens here for a particular member -->
</div>
</div>
Note I’ve made up these selectors, they will be something different so check your BP templates.