> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://shopdoctors.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Replace the image for Free Shipping or Discount Code Goals

**To change the image that appears on the free shipping or discount code goals** on the progress bar, you will need to upload your preferred image to your Shopify File Manager, then add a custom CSS code to replace the default free shipping or discount code image with your uploaded version.

Here are the steps on [how to upload the image to the Shopify File Manager](https://help.shopify.com/en/manual/shopify-admin/productivity-tools/file-uploads#upload-a-file). Once the image is uploaded, click the Copy Link button of the uploaded image so you can copy the image URL.

Once the image URL has been copied, replace the image URL on the sample CSS code below and [add the custom CSS code](https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css#custom-css) to your theme.

```
/* Use custom icon for discount goals in free gift app's progress bar */
body .docapp-free-gift-progress .docapp-fg-progress-goal .docapp-fg-pin .docapp-fg-discount {
    background-image: url(https://cdn.shopify.com/s/files/1/0746/5697/3112/t/4/assets/discount2.jpg?v=1688478660) !important;
    background-size: 30px !important;
}

/* Use custom icon for shipping goals in free gift app's progress bar */
body .docapp-free-gift-progress .docapp-fg-progress-goal .docapp-fg-pin .docapp-fg-free-shipping {
    background-image: url(https://cdn.shopify.com/s/files/1/0746/5697/3112/t/4/assets/discount2.jpg?v=1688478660) !important;
    background-size: 30px !important;
}
```