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

Change colour of Add To Cart Button - Impulse Theme

Solved

Change colour of Add To Cart Button - Impulse Theme

HelenVAC
Tourist
11 0 3

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!

 

Screenshot 2024-10-08 130516.png

Accepted Solution (1)

Moeed
Shopify Partner
7764 2082 2568

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:

Moeed_0-1728364310648.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
7764 2082 2568

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:

Moeed_0-1728364310648.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


HelenVAC
Tourist
11 0 3

This worked a treat - thank you so much for your quick reply and help!

Moeed
Shopify Partner
7764 2082 2568

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.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


GTLOfficial
Shopify Partner
881 182 192

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
2.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh