how to change the color of header of the theme "motto".

[Vold]

hi!

i am using the theme "Motto", and am not Able to change the color of the header, so that it can match my logo. When am going to for example "announcement bar" I get to change the color by changing the "color scheme". I don't want a solution that needs programming.

thanks

[The_ScriptFlow]

Please share your website URL so that I can provide you the solution code.

Thanks

[Vold]

https://admin.shopify.com/store/ij19ts-mq/themes/143197733055/editor?previewPath=%2Fpassword

[The_ScriptFlow]

This is the admin link. Please share the store url. If you want me that I work on your store then you need to provide me 4 digits collab code.

[CodingFifty]

Hey! @Vold,

Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?

[Denishamakwana]

Hi,

Good morning,

Welcome to the shopify ,

Please share your store URL and if your store is password protected then also provide password too.
Thank you.

[Vi-WizzCommerce]

Hello @Vold !

Here’s how to do it without any programming:

Step-by-Step: Change Header Color in Motto (No Code)

1. Go to your Shopify Admin

   • Click Online Store > Themes

   • Click “Customize” on the Motto theme

2. Navigate to the Header Section

   • In the theme editor, go to the Home Page

   • Click on the Header section (it should be one of the top sections in the left panel)

3. Look for “Color Scheme”

   • Inside the Header settings, there should be an option called “Color scheme”

   • This dropdown usually lists predefined schemes like Scheme 1, Scheme 2, Scheme 3, etc.

4. Take Note of Which Scheme Is Applied

   • For example, if it’s Scheme 1, this is the one you need to edit.

5. Go to Theme Settings > Colors

   • In the left panel of the theme editor, scroll to the bottom

   • Click “Theme settings” > then “Colors”

   • Look for the Color Scheme 1 (or whichever scheme your header is using)

6. Customize the Color Scheme

   • Change the background color, text color, and accent color of that color scheme to match your logo.

   • These changes will reflect anywhere that scheme is applied (including your header).

7. Save your changes.

🧠 Pro Tip:

If your announcement bar and header are using different schemes, you can set one to Scheme 1 and the other to Scheme 2, allowing you to customize them independently.

If this reply was useful to you, we would really appreciate it if you gave us a LIKE and mark the issue as SOLVED!