How Can We Help?
Customizing Theme: Settings – Color
Customizing the color settings of your BurgerShop theme allows you to align your store’s appearance with your brand identity. Follow this step-by-step guide to adjust the color settings for your online store.
Step-by-Step Guideline:
Step 1: Access Theme Customization
- From your BurgerShop admin site, go to Online Store > Themes > Custom Theme.
![](https://i0.wp.com/burgershop.io/wp-content/uploads/2024/06/image-34.png?resize=1020%2C696&ssl=1)
Step 2: Navigate to Color Settings
- In the Theme Setting tab, select Colors.
![](https://i0.wp.com/burgershop.io/wp-content/uploads/2024/06/image-35.png?resize=1020%2C673&ssl=1)
![](https://i0.wp.com/burgershop.io/wp-content/uploads/2024/06/image-36.png?resize=1020%2C701&ssl=1)
Step 3: Customize Color Settings
- Primary:
- Set the base color for the entire online store.
- Heading Text:
- Choose the color for the heading text.
![](https://i0.wp.com/burgershop.io/wp-content/uploads/2024/06/image-38.png?resize=734%2C685&ssl=1)
- Body Text:
- Set the color for the body text on the storefront.
![](https://i0.wp.com/burgershop.io/wp-content/uploads/2024/06/image-39.png?resize=1020%2C588&ssl=1)
- Button Primary:
- Select the color for primary buttons on the website.
![](https://i0.wp.com/burgershop.io/wp-content/uploads/2024/06/image-40.png?resize=1020%2C703&ssl=1)
- Button Text:
- Choose the color for the text within buttons.
![](https://i0.wp.com/burgershop.io/wp-content/uploads/2024/06/image-41.png?resize=1020%2C692&ssl=1)
- Button Hover:
- Set the color change for buttons when hovered over.
Step 4: Save Changes
- Click Save to apply your color customizations.
By following these steps, you can effectively customize the color scheme of your BurgerShop store, ensuring a cohesive and visually appealing look that matches your brand.