How do I change my colors, fonts and logo?
Set your logo, favicon, colors, fonts and button shape once, for the whole store, from the style panel in the store editor.
Step by step
- Open Store → Design → Colors, fonts and logo. It opens the store editor on the style panel. Inside the editor you can also click "Site style".
- Under "Brand", choose your main logo, square logo, favicon and social sharing image from your media or upload new ones.
- Set the logo height for desktop and mobile.
- Under "Colors", pick the background, text, primary and accent colors. Under "Typography", pick the heading font, body font and base text size.
- Under "Style", choose the overall corner rounding, the button shape and the animation speed.
- Click "Publish" at the top of the editor.
These settings apply to the whole site at once. Your choices here replace the colors and fonts of the theme you picked.
What each image is for
- Main logo (wide): the top of every page and checkout.
- Square logo: the installed app icon, profile pictures and packaging. At least 512 by 512.
- Favicon: the small icon on the browser tab. Square is best.
- Social sharing image: what appears when your link is shared on WhatsApp or Facebook. 1200 by 630 is best.
Tip If the contrast between your text and background is too low, the editor shows the ratio and Waise adjusts the shade so the text stays readable. Pick a darker or lighter text color to fix it yourself.
Style changes save to your draft and go live when you click "Publish". "Reset to theme" returns a color to the theme’s own value.
Questions
I changed the logo but the store still shows the old one.
The change is in your draft. Click "Publish" in the editor to make it live.
Updated