Bigger picture for team members

Hi, is it possible to have bigger pictures for team members?

either in a circle or square shape. doesnt really matter what shape it is. but is it possible?

thanks in advance

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the image size by going to Appearance > Customize > Additional CSS and pasting it there.

/*Team member image*/
#team .section-content .person .person-image img {
    height: 140px;
}

Best Regards,
Support

i tried the above. but the picture turns out elongated. any way to make it symmetrical?

Hello there,

I hope you are doing well today.

You can try using this CSS instead:

/*Change image size*/
#team .section-content .person .person-image img {
    max-width: none;
    height: auto;
    width: 150px;
}

Best Regards,
Support

thats great. but now the picture starts to overlap with the text. is there a way to align the picture so that it doesnt overlap with the text?

Hello there,

I have updated the CSS code to allow you to change the margins for the image and the text.


/*Edit image size and margin*/
#team .section-content .person .person-image img {
    max-width: none;
    height: auto;
    border-radius: 50%;
    width: 150px;
    margin-right: 17px;
}

/*Edit the text position*/
#team .section-content .person .person-content {
    text-align: left;
    float: right;
    margin-right: -14px;
}


Best Regards,
Support