You can easily customize the font used in your SmartSize popup by adding a short snippet of CSS to your Shopify theme.
Step 1
In your Shopify admin, go to Online Store → Themes → Customize.
Open the Theme settings → Custom CSS section.
Step 2
Paste the following code snippet:
.smartsize-modal {
font-family: "Baskerville", serif;
}
Replace "Baskerville", serif
with any font family you prefer (for example, "Roboto", sans-serif
or "Playfair Display", serif
).
Save your changes and preview your store to see the updated font.
Pro Tip:
For additional customization options—like changing colors, sizes, or spacing—visit our SmartSize CSS Styling Chatbot for step-by-step guidance.