The SmartSize quiz button appears on your product pages and invites shoppers to find their size. You can fully customize its look directly from the Shopify Theme Editor — no code required.
1. Open the Button Settings
Go to Online Store → Themes → Edit theme
Navigate to your Product template
Click the Button for size quiz block in the sidebar
You'll see the Button settings panel with all the styling options.
2. Customize the Button Appearance
Here are the settings you can adjust:
Button text — Change the label your shoppers see (e.g. WHAT IS MY SIZE?, Find my fit, Size guide)
Recommendation text — Customize the message shown after quiz completion. Use [[recommendedSize]] as a placeholder for the result (e.g. Your size is [[recommendedSize]]) Do not modify this part!
Style — Choose between a solid Button or a subtle Link. A button stands out more; a link blends into your page
Icon — Pick a visual icon to display alongside the text (e.g. Ruler Grey, Ruler White, or None)
Text color — Set the button label color using a hex code (e.g. #FFFFFF for white)
Background color — Set the button background using a hex code (e.g. #000000 for black)
Tip: Match the button colors to your store's brand palette for a seamless look.
3. Set the Horizontal Alignment
Control where the button sits on the page — separately for desktop and mobile:
Desktop — Choose Left, Center, or Right
Mobile — Choose Left, Center, or Right
This lets you position the button differently on each screen size. For example, left-aligned on desktop and centered on mobile.
4. Save Your Changes
Click Save in the top-right corner of the Theme Editor. Your updated button will be live instantly on all product pages where the block is active.