Customizing Your Theme
Make your store uniquely yours by customizing your theme's appearance.
Accessing the Theme Editor
- Go to **Online Store > Themes**
- Click **Customize** on your active theme
- The visual editor will open
Customization Options
Colors Change your store's color scheme: - **Primary Color**: Main brand color (buttons, links) - **Secondary Color**: Accent color - **Background**: Page backgrounds - **Text**: Default text color
Typography Set your fonts: - **Heading Font**: For titles and headings - **Body Font**: For main content - **Font Sizes**: Adjust scale
Header Configure your header: - Logo position (left, center) - Navigation style - Announcement bar - Search visibility
Footer Customize the footer: - Column layout - Social links - Payment icons - Newsletter signup
Homepage Sections Add and arrange sections: - Hero banner - Featured products - Collections grid - Testimonials - Newsletter signup
Advanced Customization
Custom CSS Add your own CSS: 1. Go to **Theme Settings > Custom Code** 2. Add CSS in the provided field 3. Save and preview
Code Editing For developers: 1. Click **Edit Code** 2. Modify template files 3. Use Liquid templating 4. Always backup first!
Tips for Great Design
- **Keep it simple**: Don't overcomplicate
- **Use whitespace**: Let content breathe
- **Consistent colors**: Stick to 2-3 main colors
- **Quality images**: Use high-res product photos
- **Mobile-first**: Always check mobile view