Team Members in three columns

[greengrassbrian]

Is it possible to adjust the team members template to show team members in three columns? We will have 6 team members, and visually I would just like 2 rows of three.

http://www.brazenanimation.com/team-members/

thanks!
Brian

[Rui Guerreiro – SUPPORT]

Try to add this code below to your custom css

`.team-members .four.columns {
width: 297px !important;
}

Best Regards,
Rui

[greengrassbrian]

perfect, thanks!

[Swift Ideas – Ed]

Glad he could help, although I’d like to provide some better code for you, which will work for all viewport sizes:

.team-members .four.columns {
width: 300px !important;
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
.team-members .four.columns {
width: 230px!important;
}
}
@media only screen and (max-width: 767px) {
.team-members .four.columns {
width: 45%!important;
}
}
@media only screen and (max-width: 479px) {
.team-members .four.columns {
width: 93%!important;
}
}

– Ed

[greengrassbrian]

Awesome, thanks Ed!

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved. Thanks Ed :-).
With Best Regards
Swift Ideas