Change header background colour if motion theme to black

Store Design
, , ,
1

Help needed please

I tried changing my store header background colour to black in theme settings, I did change it in theme settings but it didn’t work in the store.

Can anyone help me with a solution, maybe css code for black header background. :folded_hands: :folded_hands:

2

Hey @Jettcollections
Kindly share your Store URL and Password if enabled

3

Hi @Jettcollections ,

Would you mind to share your URL website? with password if its protected. Thanks!

4

Shop.mischief.ai

5

Thank you for the information. Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.page-width {
    background: black;
}
header.site-header {
    background: black;
}

Result:

Ribe_Dagandara_0-1690662284535.png
Ribe_Dagandara_0-1690662284535.png1323×365 5 KB

I hope it help.

6

Hi @Jettcollections

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Theme.scss.css

.site-header {
    background-color: #000 !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly