Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
UPDATE: SOLUTION FOUND - THANK YOU!
Hi all!
I want to change to colour of my Add-To-Cart button in the Impulse theme, however I have no idea where to put the new code (or what the code should be) - please help! The hex code for the new colour is #C46627. I don't want any outline around the button, just a solid colour with white text.
Thanks in advance!
Solved! Go to the solution
This is an accepted solution.
Hey @HelenVAC
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.payment-buttons button {
background: #C46627 !important;
border: unset !important;
color: white !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @HelenVAC
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.payment-buttons button {
background: #C46627 !important;
border: unset !important;
color: white !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This worked a treat - thank you so much for your quick reply and help!
Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
Hello @HelenVAC
Online Store ---> Themes ---> actions ---> edit code---> theme.liquid file, and add this code after <head>
<style>
button.btn.btn--full.add-to-cart.btn--secondary {
border: none !important;
background: #C46627 !important;
color: white !important;
}
</style>
result
If this was helpful, hit the like button and accept the solution.
Thanks