Adding gradient color to ATC buttons in DAWN theme

GiefGiefGief99
Visitor
2 0 0

Hello, I was wondering if it's possible to have gradient color buttons on the DAWN theme? 
It seems to be possible for the header, announncement bar and footer but I see no options for buttons.

 

dsadas.png

Replies 3 (3)

PageFly-Victor
Shopify Partner
7865 1785 3065

Hi @GiefGiefGief99 ,

 

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

 

PageFlyVictor_0-1674745270681.png

 

<style>

button.product-form__submit.button.button--full-width.button--secondary {

background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(61,32,185,1) 50%, rgba(252,176,69,1) 100%);

}

</style>


Hope this answer helps.

Best regards,

Victor | PageFly




 

GiefGiefGief99
Visitor
2 0 0

Thank you for your reply @PageFly-Victor 
It works fine but only if you have the dynamic checkout button active as well, otherwise the single ATC button won't be in gradient.

Is there any way I could fix this and have it both ways?

PageFly-Victor
Shopify Partner
7865 1785 3065

Can you help me share store URL to I can check more