Shopify themes, liquid, logos, and UX
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.
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>
<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
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?
Can you help me share store URL to I can check more
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025