---
title: "Changing the Size of User Generated Images within the Reviews Widget"
slug: "changing-the-size-of-user-generated-images-within-the-reviews-widget"
tags: ["Reviews ", "Adobe Commerce (Magento)", "Shopify Plus", "Shopify", "BigCommerce", "WooCommerce", "Volusion", "Salesforce Commerce Cloud", "Custom"]
updated: 2023-08-31T13:28:56Z
published: 2023-08-31T13:28:56Z
canonical: "support.yotpo.com/changing-the-size-of-user-generated-images-within-the-reviews-widget"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.yotpo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Changing the Size of User Generated Images within the Reviews Widget (Legacy)

Products

  
Reviews

###### Supported plans

N/A

###### eCommerce Platform

Shopify, Shopify Plus, Adobe Commerce (Magento), BigCommerce, WooCommerce, Volusion, Salesforce Commerce Cloud, Custom

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.

![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/9754dd6b-fae8-400d-a28a-1dc149e4e3a7.png?sv=2026-02-06&spr=https&st=2026-11-13T02%3A59%3A00Z&se=2026-11-13T03%3A59%3A00Z&sr=c&sp=r&sig=5zlux%2Fh7ANFbULhEg2HQXIheSeHyuh4N8oIs4pD0CDs%3D)

Please note:You will need to have the [Widget CSS Editor](/v1/docs/widget-css-editor) enabled to apply the following changes

If you want to change the size of the thumbnail, follow the instructions below:

1. From your Yotpo Reviews main menu, go to [**On-Site Widgets**](https://reviews.yotpo.com/#/display-reviews/on-site-widgets).
2. Click **Widget** **CSS Editor**.
3. Apply the following code:

```css
.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.

1. 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](/v1/docs/adding-the-reviews-widget#widget-performance) to learn more

## Related

- [Adding the Reviews Widget (Legacy)](/adding-the-reviews-widget-legacy.md)
- [Adding the Reviews Widget to Shopify](/adding-the-reviews-widget-to-shopify.md)