How Can We Help?
-
Account Management and Settings
-
Features and Application Management
-
- Creating Product Suggestions (In-Cart Upsell)
- Activating and Deactivating Small Sell Offer
- Creating Product Widgets for Upsell
- Creating Bundle Offers (Frequently Bought Together)
- Creating Quantity Discounts (Buy More, Save More)
- What’s the Problem with Creating Multiple Offers at the Same Time?
- Deleting a Smart Sell Offer
-
-
-
Introduction
-
Orders and Product Management
-
-
- Creating a Print on Demand (POD) Product
- Creating a Dropship Product
- Set Up Variant Images for Your Product
- Inserting an Image into Your Product Description
- Adding Product Images
- Inserting a Video into Your Product Description
- Bulk Duplicate POD Product
- Duplicating a Product
- Adding Product Variants
- Adding a Personalize Feature to a Product
-
Platform Integrations
-
Storefront Setup
-
- Understanding the Theme Editor
- Copying a Theme to Another Store
- Adding Contact Information to Your Footer
- Customizing Header Sections
- Customizing Theme: Settings – Color
- Display Filters on Your Online Store
- Customizing Home Page Sections in BurgerShop Theme
- Customizing Theme: Product Page Sections
- Adding Trust Badges to Your Store
- Customizing Theme: Checkout Setting
- Adding a Favicon to Your Store
- Customizing Theme: Settings – Typography
- Add Other Tracking Tool Codes to Your BurgerShop Store
- Get a Sitemap for Your BurgerShop Store
Customizing Theme: Settings – Color
June 3, 2024
August 4, 2024
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.