solved changing /profile page to smaller avatars

Strumelia
Strumelia
@strumelia
10 years ago
3,603 posts
I am not referring to each member's profile page, but rather to the index page showing all profiles, found at http://(mysite).com/profile

Right now my http://(mysite).com/profile page has a GRID, with 4 member avatars across the page, and x number of rows (I know how to change the # of rows)

I find the avatars to be overly huge and I'd like to have the grid be 6 avatars across each row instead of 4. This would greatly reduce the number of pages to click through as well...I want more members showing on each page in a slightly more efficient layout.

Where/how do I change it to show 6 across instead of 4? (and yes I know I'll need to then keep a multiple of 6 for it to look even)

Thanks for any tip on this!


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015

updated by @strumelia: 04/19/15 11:50:36PM
SteveX
SteveX
@ultrajam
10 years ago
2,584 posts
Within your row you will have divs with class="col3". You need to change that to class="col2" and change the smarty which ends each row to end the div after each 6 profiles.


--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
Strumelia
Strumelia
@strumelia
10 years ago
3,603 posts
Did it! Thank you SO much! :D

( col2 ? who'da thunk?)


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
brian
@brian
10 years ago
10,149 posts
Strumelia:
( col2 ? who'da thunk?)

JR templates that are responsive are broken up into 12 "columns", so you have:

col1
col2
..
col12

Any combination that adds up to 12 works.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
Strumelia
Strumelia
@strumelia
10 years ago
3,603 posts
So what is it that makes "col2" translate into 6 items across, and "col3" translate into 4 items across?


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
SteveX
SteveX
@ultrajam
10 years ago
2,584 posts
Jmaroom uses a 12 columns css grid, so divide by 12: col2 = half width, col3 = quarter width...


--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
Strumelia
Strumelia
@strumelia
10 years ago
3,603 posts
Ah, I get it now- that was so puzzling. Thanks!

So, if i changed it to col4, I'd get 3 avatars going across the row.




--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015

updated by @strumelia: 03/17/15 05:42:51PM