Cascade theme - change header's color

Orri61
New Member
4 0 0

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

0 Likes
Pallavi
Shopify Expert
691 86 94

Hello There,

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Orri61
New Member
4 0 0

Hey,

The URL is www.versaillesplants.com

The password is : soilmate

0 Likes
SagarSukhanandi
New Member
99 17 30

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. 

header.PNG

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes
Orri61
New Member
4 0 0

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?

0 Likes
SagarSukhanandi
New Member
99 17 30

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes
Orri61
New Member
4 0 0

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

0 Likes
SagarSukhanandi
New Member
99 17 30

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes