New ways of displaying your member photos
Since version 5.0.0, member photos are now displayed in a way that their size is flexible and adapts to different screens and devices. This can cause some issues when working with photos that have different dimensions.
Make all your photos the same size
The best way to overcome any display issue with your photos (photos showing in rectangle shapes while other are square shaped) is to crop your images so they all have the same dimensions.
They can all be rectangles or squares, what matters is that they are all the same size. This will ensure proper display and improved support for all screens and devices.
What are good dimensions
There's no rule as long as they're all the same. We find that 500x500px works very nicely with the plugin but your photos' size is entirely up to you.
The quick CSS fix
You can give fixed sizes to your photos with CSS like we did before but it's not recommend, it will not be optimized for all screens and devices. The breakpoints we used in the past were arbitrary and although it "worked" most of the time, your team photos will display bigger and be more responsive if they all have the same dimensions.
Need more help with this?
If you need more help, please submit a request, we’ll help you.