Buy button on slider transparent with small border on debut theme

Store Design
1

I cannot seem to get my buy button that is standard on the slider image to be transparent with a small white border around it, can anyone fix this with code or something else?

https://www.scepticalclothing.com/

password: work

Schermafbeelding 2022-08-03 om 21.26.51.png
Schermafbeelding 2022-08-03 om 21.26.51.png2880×1800 783 KB

2

Hi there, this should be an easy solve. However it looks like the password you gave is incorrect. Can you double check and I can assist? Thanks.

3

Hello @ScepticalClo

Can you check your website password and share it? If so, I can check your website and help you to fix the buy button.

4

Hey thanks for helping sorry i changed it.

password: Drop2

5

Hey thanks for helping, sorry i changed it.

password: Drop2

6

Add this to the very bottom of Assets > theme.css in your theme code editor:

.hero__btn {
    background: transparent;
    border: 1px solid white;
}
1 Like
7

Add this CSS code
Online Store > Themes > Edit code > Assets > custom.css

.hero__btn { background: transparent; border: 1px solid #fff; }
1 Like
8

Thanks it works :)!

9

Thanks for the help it works!