How can I reduce the thumbnails into two rows in the Latest Groups Module to make it function like the Groups module on a Profile?

My goal is to get 12 icons in only 2 rows and I can't get it done in CSS.

Please advise ...

Hi,

You should edit module css for this components/com_community/assets/modules/module.css,

find this code :

js-module .js-col4{width:22.928176794%;*width:22.874985304638297%;}.js-module .js-col4:nth-child(4n+1){margin-left:0px;}

js-module .js-col4{width:14%;}.js-module .js-col4:nth-child(6n+1){margin-left:0px;}

Almost there. The thumbnails are currently aligning vertically.

I think you didnt edit the css very well, please check my attachment...what it should look like

I just want to say Thank You. I am really thankful for you and your team and everyone's time. I learn so much from all of you and am happy to work alongside you in creating a web development.

I may not be as experienced as all of you but I am happy that I can not only lean on, but learn from, everything that you all do.

I look forward to continuing to working together.

-J

You're welcome, glad can help you... :)

I hope you will be a loyal customer ever :)