Changing the Size of User Generated Images within the Reviews Widget (Legacy)
Changing the Size of User Generated Images within the Reviews Widget (Legacy)
Article Summary
Share feedback
Thanks for sharing your feedback!
This article explains how to customize a Yotpo feature using external code. The code is generic and provided as is. Implementation or modification of this code is not supported by Yotpo. We recommend using the services of a developer for the purpose of integrating this customization into your website.
The default size of the UGC thumbnail of the reviews widget is 84px by 84px.
Please note:
You will need to have the Widget CSS Editor enabled to apply the following changes
If you want to change the size of the thumbnail, follow the instructions below:
- From your Yotpo Reviews main menu, go to On-Site Widgets.
- Click Widget CSS Editor.
- Apply the following code:
.yotpo .yotpo-review .yotpo-main .yotpo-review-images-wrapper .image-review, .yotpo .yotpo-comment .yotpo-main .yotpo-review-images-wrapper .image-review, .yotpo .yotpo-question .yotpo-main .yotpo-review-images-wrapper .image-review {
border: 1px solid #e1e5ee;
border-radius: 4px;
width: 100px;
height: 100px;
float: left;
cursor: pointer;
-webkit-backface-visibility: hidden; }Please note:
In the code above, the height and width properties have been set to 100px each.
You can change the height and width properties of the code to achieve the desired size of UGC thumbnail.
- Click Save Changes at the top of the screen to apply the changes you have made.
Please note:
Changes made to on-site widgets (Reviews Widget, Reviews Tab, etc.) may not be immediately reflected on your live site. Click here to learn more
Was this article helpful?
