How to adjust the size of the image displayed in your size chart

Before

After

To achieve this, you will need to copy this lines of code inside a Custom CSS within your Theme:

• Log in to your Shopify admin:

  • Go to shopify.com/admin and log into your store.

• Open the theme editor:

  • From the admin sidebar, go to Online Store > Themes.

  • Find your current theme (e.g., Dawn) and click Customize.

• Navigate to Theme settings:

  • Inside the theme editor, click the Theme settings icon (paintbrush icon in the bottom left).

• Open Custom CSS:

  • Copy and paste the following code

    .smartsize-image {
    max-width: 50% !important;
    height: auto !important;
    display: block;
    }

    You can adjust the size by modifying the percentage. In this example the percentage is 50%.