• Your query is valuable for us, you can post your query any time.
    We are ON in week days. You will get instant support in our working hours.
    We are little slow in non-working hours, but you will get response in maximum 24 hours.
    Our working timing is
    [10:00 AM (IST) - 7:00 PM (IST)]
    [6:30 AM (CET)- 3:30 PM (CET)]
    [12:30 AM (EST) - 9:30 AM (EST)]

    Login Rules
    1. Premium users can login directly using aMember credentials, Created at the time of purchase.
    2. Free users can re-register to access forum using this link : Register Here.


  • Recently WordPress releases a new update with version 5.5. In that we got many new features.
    So we also updated our theme according to it. And uploaed all latest version in "Members Area"
    You can download latest version from your acocunt and update your theme.

    You can follow this link to get update process: Click Here

team section featured

#1
I have 4 team members https://whitestagrealty.com/

If the window is wide, they all show up on one row and it looks fine.

When the window is narrow, it creates two rows, and puts 3 people on the first row, and one person on the second row.

All images are exactly the same size.

The CSS I am using is as follows:

ul.multiple-team-section li.multi-team {
float: none;
display: inline-block;
}

However, the person on the bottom row is not centered. "Jeff" shows up about 20 pixels to the right of "Chris"

HOW DO I GET THE BOTTOM ROW TO BE CENTERED?

Please and thanks
 

Satyendraa

Moderator
Staff member
#2
Hello there,

Use this code in Additional CSS "Appearance > Customize > Additional CSS"

Code:
@media screen and (max-width: 1024px){
ul.multiple-team-section li.multi-team:nth-of-type(4n+4) {
    margin-right: 0%;
}
}
This will work for you.

Kind Regards
 
#3
I have a follow up question to my earlier question. We are going to be adding another team member in about a week, and then we are going to be adding another team member in about a month.

I am trying to find a long term solution so that we do not have to contact you guys for CSS code every time we add a team member.

I added a fifth team member (which created a new row) and the fifth member was not centered. I took this down temporarily. Our number of team members is going to be changing alot every month or so, and we want it to be centered no matter how many team members we have.

How do we make it so that the new rows will all be centered no matter how many team members we have.

Thanks
 

Satyendraa

Moderator
Staff member
#4
Hello there,

I forwarded this to our dev team they will look into it and update theme.
So that you won't get any issue.

Kind Regards
 

Satyendraa

Moderator
Staff member
#8
Hello there,

Use this code in Additional CSS "Appearance > Customize > Additional CSS"

Code:
ul.multiple-team-section li.multi-team {
    width: 17.3%;
}
ul.multiple-team-section li.multi-team:nth-of-type(4n+4) {
    margin-right: 2.66%;
}

ul.multiple-team-section li.multi-team:nth-of-type(5n+5) {
    margin-right: 0px;
}

This will work for you.

Kind Regards
 

Satyendraa

Moderator
Staff member
#10
Hello there,

Please add this CSS at the top of Additional CSS


Code:
@media screen and (min-width: 1024px){
ul.multiple-team-section li.multi-team {
    width: 17.3%;
}
ul.multiple-team-section li.multi-team:nth-of-type(4n+4) {
    margin-right: 2.66%;
}

ul.multiple-team-section li.multi-team:nth-of-type(5n+5) {
    margin-right: 0px;
}}
Thank you