Shopify themes, liquid, logos, and UX
Hello!
Is there anyone here that know how i can make the annoucement bar transparant?
Thank you!
Solved! Go to the solution
This is an accepted solution.
@Rubberduck - please add the given css to the very end of your theme.scss file and check
#section-announcement {
background: transparent !important; color: #fff !important; position: absolute; width: 100%;
}
@Rubberduck - can you please share your site link? it needs css
Hello!
The website link: Nexwatches.no
@Rubberduck - your age background is white, so it will still show white only
How do i make it transparant?
@Rubberduck - you can make like 1st screenshot , but I do not recommend it as on hover, header will hide announcement bar
How do i make it like the first picture?
This is an accepted solution.
@Rubberduck - please add the given css to the very end of your theme.scss file and check
#section-announcement {
background: transparent !important; color: #fff !important; position: absolute; width: 100%;
}
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