To edit your Site theme go to My Site / Theme.
Customizing Your Website with the Theme Editor
The Theme Editor allows you to customize the overall look and feel of your website, including color themes, fonts, logos, and layout options. This tool focuses on how your site presents itself visually, not on content creation like pages or photos (which is done in the page editor).
1️⃣ Accessing the Theme Editor
-
To start, click the Edit Theme button on your homepage.
-
Any changes you make will show in a live preview on the right side of the screen.
-
Changes won’t be visible to your customers until you Save them.
2️⃣ Customizing Your Logo
-
Upload your logo (keeping the file size small for fast loading).
-
Adjust the logo size and padding.
-
The logo is linked to your homepage by default, but you can set it to a custom URL if needed.
3️⃣ Font Settings
-
Choose from two types of fonts:
-
Heading Fonts: For headings and titles.
-
Paragraph Fonts: For body text and content.
-
-
You can adjust font size and style for each category.
4️⃣ Color Settings
-
Customize the primary and secondary colors used for text, buttons, and widgets.
-
Adjust the color of your action buttons, links, and content blocks.
-
Use the color editor to ensure your brand's colors are consistent throughout the site.
5️⃣ Header and Main Menu
-
Customize the header style, including layout and background color.
-
Choose whether the menu items should be centered or aligned to the left/right.
-
Adjust link colors to create contrast and improve visibility.
-
Make changes to the main menu layout as needed.
6️⃣ Footer Customization
-
The footer follows the same widget-based customization as other page content.
-
You can change footer colors, but you’ll need to add widgets for the content to appear.
7️⃣ Additional Settings
-
Customize the appearance of your store page, including the order status bar and layout options.
-
Upload a favicon (small logo displayed in the browser tab) with the recommended size of 32x32 pixels.
-
If needed, advanced customization with CSS or custom code is available for unique design changes.
8️⃣ Preview & Save Changes
-
Preview your website's appearance on desktop, tablet, and mobile devices to ensure responsiveness.
-
Once satisfied with your changes, click Save to make them live on your website.
Checkout these GrazeCart sites for a bit of design inspiration: