Help CenterDesign & ThemeCustomizing your store theme

Customizing your store theme

Change the overall look and feel of your storefront.

1

Open the Design page

Click "Design" in the sidebar to open the theme editor. This is where you control how your storefront looks to customers — colors, fonts, and overall visual style.

Open the Design page
2

Choose your colors

Pick a primary accent color that matches your brand. This color will be applied across your entire storefront — buttons, links, badges, and highlighted elements. Choose a color that contrasts well with white backgrounds for the best readability. You can click the color picker or enter a hex code directly.

Choose your colors
3

Preview and save

Your changes are previewed in real-time as you make them, so you can see exactly how your store will look before saving. Once you're happy with the design, click "Save" to apply the changes to your live store. Customers will see the updated design immediately.

Preview and save

Frequently Asked Questions

What design options can I customize?
You can customize colors (18 presets or custom), fonts (80+ Google Fonts), border radius, button styles (filled, outline, pill), button sizes, card shadow intensity, product image ratio (square, portrait, landscape), layout spacing (compact, normal, spacious), and toggle dark mode support.
Can I preview changes before saving?
Yes, the design editor includes a live preview that updates in real-time as you make changes. You can preview both desktop and mobile views before saving.
Does my store support dark mode?
Yes, Leadivo storefronts have built-in dark mode support. Customers can toggle between light and dark mode when browsing your store.