how to change background colour of add to cart and buy it now

[Taryckrich]

hi can anyone please help me make the buy it now background #0064E4 with white text and for the background of add to cart button #008A00 and the text colour white, I also want the text size for both add to cart and buy it now to be 14px and bold please.

Link: https://bestbongsandmore.com.au/products/juicy-jays-1-25-bubblegum-flavour-rolling-papers

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @Taryckrich 
- Please follow these steps: 

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.shopify-payment-button__button {
 background: #0064E4 !important;
    font-size: 14px !important;
    font-weight: bold !important;
}
.product-form__submit {
    background: #008A00 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: white !important;
}

 

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[niraj_patel]

Hello @Taryckrich 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.product-form__buttons .product-form__submit{
background: #008A00 !important;
color: #fff !important;
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @Taryckrich 
- Please follow these steps: 

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.shopify-payment-button__button {
 background: #0064E4 !important;
    font-size: 14px !important;
    font-weight: bold !important;
}
.product-form__submit {
    background: #008A00 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: white !important;
}

 

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Taryckrich]

Thank you!!

[BSS-TekLabs]

Glad to help you. Have a good day.

[Taryckrich]

Can you check my reply on the moving products further away post please

[Moeed · Accepted solution]

Hey @Taryckrich 

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>
.shopify-payment-button__button:after {
    box-shadow: unset !important;
}
.shopify-payment-button__button {
    background: #0064E4 !important;
    font-weight: bold !important;
}
.product-form__submit {
    background: #008A00 !important;
    color: white !important;
    font-weight: bold !important;
}
</style>

RESULT:

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

Best Regards,
Moeed