{"title":"Theme and styling","slug":"theme-and-styling","url":"https://support.storeconnect.com/articles/theme-and-styling","url_markdown":"https://support.storeconnect.com/articles/theme-and-styling.md","subtitle":null,"summary":"Customize your store\u0026#39;s visual design with themes, CSS, headers, footers, and layout tools.","type":"Help_Documentation","video_url":"","keywords":"theme and styling, store design, css customization, visual design, storefront appearance, layout, header footer, store theme, branding, custom css, site styling, store customization","last_modified":"2026-08-21T07:12:35+0000","body_markdown":"This section covers how to customize the visual design and styling of your StoreConnect store.\n\nStart with the overview of store customization to see which parts of the design you control, then use the CSS and branding articles to make specific changes.\n\n## In this section\n\n- [Overview of store customization](how-to-customise-the-design-of-your-store)\n- [Adding branding to a store](adding-branding-to-a-store)\n- [Adding custom CSS](adding-custom-css)\n- [Adding custom JavaScript, CSS and head content](adding-custom-javascript-css-and-head-content)\n- [Customize a theme using CSS](custom-theme-css)\n- [Customize your store header](custom-header)\n- [Add a custom footer](how-to-add-a-custom-footer)\n- [Add a favicon to your website](add-a-favicon-to-your-website)\n- [How to add fonts](how-to-add-fonts)\n- [Set up basic styling with CSS](step-by-step-guide-how-to-setup-basic-styling-for-your-store)\n- [Theme importer](theme-importer)\n- [Theme pages](theme-pages-liquid-code)\n- [Understand StoreConnect default CSS styles](default-css-styles)"}