Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 18, 2025 at 4:45 pm #1475351
    sebastianpesl

    Hey there,

    I’m having troubles with the team members page.
    I would like to create a kind of grid view for all our team members (teachers) with pictures.
    So far, I have added all the names and subjects with the team member option.

    The problem I am facing is that the images I upload as headshots for the people appear in different ratios and sizes. I don’t know why this happens – I have already tried many different settings regarding scaling, also tried to scale them into the same aspect ratios on my PC and then upload them. For example: all the images that are online right now have the same dimensions of 1071x1500px on my PC, but as you can see, some of them are displayed bigger or smaller compared to the others.

    I’ve added the link to the website for you moderators :)

    I would like to have a way to set a fixed resolution for the pictures I upload for my team members, regardless of the original size of the image (if that’s possible)

    Looking forward for your help! Thanks.

    -sebastian

    January 20, 2025 at 6:27 am #1475396
    Ismael

    Hey sebastianpesl,

    Thank you for the inquiry,

    The sizes and aspect ratios of the images are different. We provided examples in the private field. Please make sure to upload images with the same size and aspect ratio.

    You can also try this css code:

    .team-img-container {
    max-height: 280px;
}

.team-img-container img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.