Happening now! Shopify Community AMA: PayPal Express Migration to Shopify Payments | Ask your questions to be answered by our team.

Change Add To Cart Color Buttons And Checkout Color Button Dawn Theme

Solved

Change Add To Cart Color Buttons And Checkout Color Button Dawn Theme

Jacobsladdr
Excursionist
29 0 5

Hi I want to change my add to cart button on the product page and checkout button on the cart page to green (#47D13C). Currently they only change with the different color schemes and am unable to find the right match. Help would be greatly appreciated. I have different product templates one being Default template the next is tees-1, then crewneck-1. It that matters with the code. 

 

Store: www.believersbrigade.com

Password: meatri

 

Screen Shot 2023-07-05 at 11.20.14 PM.pngScreen Shot 2023-07-05 at 11.19.57 PM.png

 

 

Accepted Solution (1)

Moeed
Shopify Partner
5862 1590 1889

This is an accepted solution.

Hey @Jacobsladdr 

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>
.product-form__submit {
    background: #47D13C;
}
</style>

 

Moeed_1-1688618937713.png

 

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

 

Best Regards,
Moeed

 

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
5862 1590 1889

This is an accepted solution.

Hey @Jacobsladdr 

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>
.product-form__submit {
    background: #47D13C;
}
</style>

 

Moeed_1-1688618937713.png

 

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

 

Best Regards,
Moeed

 

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Jacobsladdr
Excursionist
29 0 5

This kinda works but the outline is still black.. needs to be all green and also need code for cart page so checkout button is fully green

Jacobsladdr
Excursionist
29 0 5

I had someone privately help with it. The code accepted kinda works for product page... just leaves an outline