LeonXDavis

Hey @tuanphan,

Thank you again. I am running into one small issue for the managers section of the code (I made some changes and got it to work for the most part) but in some screen sizes the last person in that section is cut off and it is now longer centered. But it works in full screen and when the screen is smaller as well. 

Here is the code: 

/* managers */
.user-items-list-item-container[data-section-id="635beb75bd7bbd5929b3adbd"] li {
    position: relative;
    left: calc(~"50% + 30px");
}

Hey, was just looking at this. Would it be possible to do something similar but on a team list?

6 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Center about us page list items */
@media screen and (min-width:992px) {
/* partners */
.user-items-list-item-container[data-section-id="634d6a2bdcc91a29a1bbde84"] li:nth-child(n+5) {
    position: relative;
    left: calc(~"100% + 60px");
}
/* managers */
.user-items-list-item-container[data-section-id="635beb75bd7bbd5929b3adbd"] li {
    position: relative;
    left: calc(~"150% + 60px");
}
/* coaches */
.user-items-list-item-container[data-section-id="635bec1aad70df3f1cb20fdc"] li:nth-child(19) {
    position: relative;
    left: calc(~"300% + 60px");
}}

 

Thank you so much! 

Hey @tuanphan,

I tried one of your codes above but couldn't get it to work. I have three different team lists on the same page and want to center them all. Could you help me by any chance:

https://octahedron-bird-7dpd.squarespace.com/

About Us Page

PW: thefutureisnow2022

Particularly the "Partners" Section but possible the others as well.