I am using a third party shopify theme. The aim of my task is to change the background of the whole website to white however keep the header as a dark grey (HEX #2a2e30) , when i go into theme settings i change the Background Color to #FFFFFF (Body BG Color) . Which is what i am attempting to do however it also changes the header colour to White (#FFFFFF), i then select the section “Header” and go the block “Header Color Options” Header Style and i change the Header Bg color to #2a2e30 but it does not change. Is anyone able to assist me.
Change it all to white then add a code for the header depends on the class you have I can’t see your theme but for example :
.header__wrapper {background-color: #2a2e30 !important} if you like share your store URL so I can give you the exact class for it
Hey @ThriveCommerce
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Moeed
Domain - www.supremekitchenware.au
Hey @ThriveCommerce
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Worked perfectly, will definetely like and mark as solution however how would i go about also editing the colour of the block below it (menu) to match
Hey @ThriveCommerce
Keep the previous code and add the following code above in theme.liquid
nav.site-nav > ul > li a {
color: white !important;
}
header#section-header-2.hdr__2 .header-bottom-bg-color {
background: #2a2e30;
}
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Please follow these Steps:
- Go to Online Store
- Edit Code
- Please find theme.liquid file
- Add the following code above tag



