Liquid, JavaScript, themes, sales channels
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!
Solved! Go to the solution
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.
This is an accepted solution.
Paste this code on top of the timber.scss file.
.nav-bar {
opacity: 0.4 !important;
}
Thank You.
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.
hii, @Raxecommerce
Can you give me a screenshot of what you want so,
I can solve it perfectly.
Thank You.
Thanks for replying Zworthkey!
The header is black, I want to change the opacity to make it more transparent.
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.
Thank you!
I also need to change opacity on top header menu.
Thanks for your patience.
This is an accepted solution.
Paste this code on top of the timber.scss file.
.nav-bar {
opacity: 0.4 !important;
}
Thank You.
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.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024