Change opacity in header

Solved
Raxecommerce
New Member
3 0 0

Hello! I have looked around here in the community but couldn't find a solution that worked for me. Because I changed the name of the theme I can't see what the original name is, so I cant troubleshoot... 

How do I change opacity in my header?

 

website name: scandidoll.se

Password: hiapru

 

Thanks!

0 Likes

hii, @Raxecommerce 
Can you give me a screenshot of what you want so,
I can solve it perfectly.
Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us | Whatsapp. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
0 Likes
Raxecommerce
New Member
3 0 0

Thanks for replying Zworthkey! 

 

Raxecommerce_0-1632385625581.png

The header is black, I want to change the opacity to make it more transparent. 

0 Likes

This is an accepted solution.

hii, @Raxecommerce 
paste this code on top of the timber.scss file.

.site-header {
    opacity: 0.4 !important;
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us | Whatsapp. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
0 Likes
Raxecommerce
New Member
3 0 0

Thank you! 

I also need to change opacity on top header menu. 

Thanks for your patience. 

Raxecommerce_0-1632389125957.png

 

0 Likes

This is an accepted solution.

Paste this code on top of the timber.scss file.

.nav-bar {
    opacity: 0.4 !important;
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us | Whatsapp. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
0 Likes

This is an accepted solution.

Hi @Raxecommerce,

Please follow these steps:

- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > timber.scss.liquid and paste this at the bottom of the file:

.site-header {
opacity: 1 !important;
}

You can change 1 to 0.8 or 0.9,... it will help to change the opacity.

Hope it helps

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes