Groups Masonary Layout Styling

[micronorton]

First, Thank you for your continued help.

How do I make my Groups Masonary layout be 3 groups per row instead of 3?

And

What is the code needed to style the group Name on the Groups Masonary layout? We want larger font for it.

Thank you,

Chase

[sharmstr]

To make it 3 groups per row instead of 3, do nothing. LOL If you correct that question, I’ll try to help 😉

Put this in your quick css and adjust as needed

COPY CODE

#buddypress #groups-list .item-title a {
    font-size: 50px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[micronorton]

Error on my part,

We have 6 groups. Currently, they are displayed in a masonary layout of 4 groups per row. We want three groups per row. How do we do that?

Thank you for your help,

Chase

[sharmstr]

I’m assuming you’re using the full width layout. Try this in your quick css

COPY CODE

.template-page.col-sm-12 .kleo-isotope>.kleo-masonry-item, .template-page.col-sm-12 .kleo-isotope>li {
    width: 33.3% !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[micronorton]

Unfortunately, that did not work. You can check out our site at https://infinitebodyawareness.com/

Please let me know how to move forward

[micronorton]

Nevermind, fixed it. Thank you

[Author]

Posts