Make header a solid white

Solved

Make header a solid white

AmberWilkinson
Excursionist
32 0 6

I cant work out how to make the header a solid white 

https://www.deadsettransfers.com.au/

Accepted Solution (1)

Tech_Coding
Shopify Partner
384 106 90

This is an accepted solution.

Hello @AmberWilkinson 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   header.shopify-section-group-header-group {
      background: #ffffff !important;
  }
</style>

Tech_Coding_0-1729302229176.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

View solution in original post

Replies 3 (3)

Tech_Coding
Shopify Partner
384 106 90

This is an accepted solution.

Hello @AmberWilkinson 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   header.shopify-section-group-header-group {
      background: #ffffff !important;
  }
</style>

Tech_Coding_0-1729302229176.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
AmberWilkinson
Excursionist
32 0 6

Thank you!

 

devcoders
Shopify Partner
369 57 92

Hello @AmberWilkinson 

 

  1. Go to Online Store, then Theme, and select Edit Code.
  2. Search for assets/base.css.
  3. Add the provided code at the end of the file.

 

header {
background-color: white;
}

 

devcoders_0-1729310799697.png

 

 

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!