Categories

Featured templates

Magento 2. How to edit default colors

Charlotte Bennett January 24, 2017
Rating: 3.7/5. From 3 votes.
Please wait...

In this tutorial we will show you how to edit the default colors in our Magetique template for Magento 2.

Unlike other templates, this one allows you to edit colors from admin panel which is a real advantage.

Each of the store views has 4 predefined color schemes.

To change color scheme for a specific store view, follow these steps:

  1. Log into your Magento admin panel and navigate to the Stores->Settings->Configuration section.

    Magento2_How_to_edit_default_colors_1
  2. Scroll down to the TEMPLATEMONSTER section and press the Theme Options tab.

    Magento2_How_to_edit_default_colors_2
  3. Choose your store view from the selector on top left.

    Magento2_How_to_edit_default_colors_3
  4. You will see a pop-up window with “Please confirm scope switching. All data that hasn’t been saved will be lost” text. Select OK.

    Magento2_How_to_edit_default_colors_4
  5. Go to the Theme Color settings tab and select a desired color scheme.

    Magento2_How_to_edit_default_colors_5
  6. You can also specify the exact color code for main elements on the site using the built-in color-picker. Scroll down to see the fields.

    Magento2_How_to_edit_default_colors_6
  7. Press the Save Config button on top right and check your site frontend.

    Note: You may need to clear the Magento cache in case the changes don’t appear.

We hope the tutorial was useful for you. Feel free to check the detailed video tutorial below:

Magento 2. How to edit default colors
Magento Store Templates
This entry was posted in Magento Tutorials and tagged color, edit, magento2. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket