Cascade theme - change header's color

[Orri61]

Hey,

I'm using the Cascade theme to design my website. As my banner picture doesn't really go well with a transparent header on it (which is the theme's default), I'd like to create a header with a color that will be above the banner image.

My designer says that Cascade only allows a transparent header, so I'm assuming this is done somehow with a code? Can anyone help me with this issue?

Thank you

[Pallavi]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Orri61]

Hey,

The URL is www.versaillesplants.com

The password is : soilmate

[SagarSukhanandi]

Hello @Orri61 

Here is the solution to fix your issue

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

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

After adding this code to file your header will look like below image. 



If you need any help with how to add code or you want to change color opacity of header then tell me

[Orri61]

Thank you for the answer.

Is it possible to make the header not transparent at all and in a color? meaning I won't see the banner image behind it?

[SagarSukhanandi]

@Orri61 Yes. Just change the color into style given by me

[Orri61]

So I just put there the color that I want? Does that change the opacity as well?

[SagarSukhanandi]

@Orri61 Yes it will change opacity as well. If you still facing any issue then tell me i am here to help you