> For the complete documentation index, see [llms.txt](https://docs.theshoppad.com/uploadery/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theshoppad.com/uploadery/customize-the-app/customize-or-edit-labels-for-upload-image-editor.md).

# Customize or edit labels for upload image editor

Add text labels under the icons in the Uploadery in-browser image editor so shoppers can more easily tell what each editing tool does.

By default, Uploadery's **in-browser image editor** feature will include some icons at the top for usability, as seen below:

![](https://docs.theshoppad.com/uploadery/assets/docsassets555e25e4e4b027e1978e1c9aimages5cdb56612c7d3a6d82bd7718file-bs0f8yv8be.png)

To include some labels underneath them for a more clear user experience, follow these steps:

![](https://docs.theshoppad.com/uploadery/assets/docsassets555e25e4e4b027e1978e1c9aimages5cdb56b20428634b85593871file-lnultsa4la.png)

1\. Starting from your Shopify admin dashboard, click on **Online Store**, then click on **Themes**.

2\. Find the theme you want to edit, click the **Actions** button, then click **Edit code**.

<figure><img src="https://docs.theshoppad.com/uploadery/assets/image%20%2855%29.png" alt=""><figcaption></figcaption></figure>

3\. Open the **Assets** folder, then navigate to your theme's main CSS file (this file is commonly named _timber.scss.liquid_, _theme.scss.liquid_, _stylesheet.scss.liquid_, and _style(s).scss.liquid_).

4\. Paste the following code snippet at the bottom of the file.

```css
 .uploadery-undo:after {
  content: "Undo";
  color: #fff;
  display: block;
}

.uploadery-redo:after {
  content: "Redo";
  color: #fff;
  display: block;
}

.uploadery-save:after {
  content: "Save";
  color: #fff;
  display: block;
}

.uploadery-close:after {
  content: "Close";
  color: #fff;
  display: block;
}

.uploadery-crop:after {
  content: "Crop";
  color: #fff;
  display: block;
}

.uploadery-rotate-right::after {
  content: "Rotate Right";
  color: #fff;
  display: block;
}

.uploadery-rotate-left:after {
  content: "Rotate Left";
  color: #fff;
  display: block;
}

.uploadery-done:after {
  content: "Done";
  color: #fff;
  display: block;
}
```

5\. **Save** your changes.

:::note
If you need any help getting this set up, feel free to contact our support team. We'd be happy to help out!
:::

<figure><img src="https://docs.theshoppad.com/uploadery/assets/image%20%2854%29.png" alt=""><figcaption></figcaption></figure>