Website › Theme sets how your store looks everywhere: its logo, its site icon, its colours and fonts, and links to your social pages. A change shows on your store within a minute.
Logo
Choose a file and Upload logo. A PNG with a clear background works best, at least 80 × 32 pixels. It's shown in your store's header, linked to your home page. Remove logo shows your brand's name in its place again.
Site icon
The site icon (sometimes called a favicon) is the small picture in a browser tab beside your store's name, in bookmarks, and on a phone's home screen when someone adds your store there.
- Make a square picture, at least 48 × 48 pixels. 512 × 512 is best. A logo's mark on its own usually works better than the whole logo, which is too small to read at that size.
- On Theme, under Site icon, choose the file and Upload site icon.
The tab preview shows how it looks. A picture that isn't square is fitted inside a square, never cropped or stretched, with clear space around it. On iPhones and iPads the home-screen icon has a white background, since they show clear parts as black.
Replace site icon changes it, and Remove site icon goes back to the browser's own. A browser that has already visited your store may keep showing the old icon for a while.
Colours and fonts
- Dark colour: the header, the footer and dark cards.
- Page colour: the background of every page.
- Highlight colour: the menu, and headings on the dark colour.
- Accent colour: links on the page.
- Fonts: a pair for headings and text, from a short list.
A colour that would be hard to read where it's used is refused, with the reason. Facebook page and Instagram page (both optional) are used by the Social pages block in your header or footer.