Hello – I’m using the Dawn theme and looking for some help editing my banner buttons. I’d like their background color to be semi-transparent, with the text over them fully opaque. I’ve poked around in the forums and tested a few different things, but none of them worked quite right. Please check out my website here if you think you can help: https://goodboyvintage.com/
Thank you – would very much appreciate any solutions!
.banner__box a.button.button--primary {
opacity: 0.5;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
This still affects the opacity of the text, but it’s still plenty legible at .75 opacity, so thank you!
I had the same when using “opacity: 0.5;” - the button text also went opaque which was more of a problem as I wanted 25% opaque so text almost disappeared.
So instead, gave the button a background colour using rgba so could apply transparency using alpha channel. So below would be white (255,255,255) with opacity 0.25% (0.25)
Code pasted onto bottom of base.css
.banner__box a.button.button--primary {
background-color: rgba(255,255,255, 0.25);
}
Code Worked perfectly and wanted to make the button white too (like the image) can You pls help me??
