Your size chart doesn't have to look like a spreadsheet, a few quick settings make it feel like a natural part of your brand. Here's what you can style and where to find it.
Where the styling lives
In your Shopify admin, go to Apps → AI Frame – Virtual Try-On, then open Styles & Settings in the app's left menu. Your size chart styling sits in two sections there.
1. Size chart table colours
Customise the header and row background colours for your size chart tables, the change applies across all your products, so every chart stays consistent.
Under Size chart table colours, pick your Header color (the top row with your column names).
Pick your Row color (the background of the size rows).
Click Save.
Changed your mind? Click Reset next to either colour to return to the default (dark header, white rows).
💡 A little tip: a header in your brand colour with white rows is the safest combination, on-brand and easy to read. Whatever you choose, keep the contrast high so the numbers stay clear on every screen.
2. Size chart button icon
You can also choose the icon shown on the Size Chart button inside the try-on widget:
Under Size chart button icon, click the icon that fits your store, a measuring tape, ruler, garment, and more.
Prefer a text-only button? Choose No icon.
Click Save.
See it live
Open any product page on your storefront, tap the Try-on & Size Chart button and open the Size Chart tab, your colours and icon are already live.
Plan note: size chart table colours and the button icon are available on Starter and above. On the Free plan, charts use the default styling.
Want to style the rest of the widget too? Your logo, hero image and brand colour live in the same place, see How to Customise the Try-On Widget to Match Your Brand.
Need a hand? If anything's unclear, send us a message, we are here to help!