Review Block: Image size

[Joao]

Hi,

I’m experimenting with this reviews block. Nice work!

I’m experimenting some issues with the way the image is displayed. In my test I’m seeing the following: https://ibb.co/ZXXVHh6. I’m using Windows and everything looks fine in Chrome, Mozilla and Edge.

However, my partner is seeing the following https://ibb.co/kSzLt3G. He is using Safari on macOS Big Sur 11.0 Beta (20A5395g) but Safari on iPad looks the same as on Mac.

Do you have any suggestions?

Thanks.

Joao

[Joao]

Also: Safari on a public release of macOS shows the same squished imageType a message

[Alexis]

Hi @jpptr ! We’re unable to recreate the issue on our end. However, you can add the following to your custom CSS to ensure that the review image is displayed with the proper aspect ratio:

.ub_review_image {
object-fit: contain;
}

You might also need to add to the beginning the block id (which shows up in the source code as ub_review_[block-specific serial number]) in case another part of the CSS insists on stretching the review image.

Please let us know how it goes.

[Joao]

Hi Alexis,

I did as you told and it worked, thanks a lot. I suspect this is/was a cache issue…

Joao

[Martin]

I have question about text on Review Block, how i know change the size or font?