Solved

Change Buy it now button background to orange color in refresh theme

edgeIT
Shopify Partner
17 0 1

Change Buy it now button background to orange color in refresh theme.

 

www.dapperdude.in

Accepted Solutions (2)

Moeed
Shopify Partner
3692 931 1163

This is an accepted solution.

Hey @edgeIT 

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>
button.shopify-payment-button__button {
    background: orange !important;
}
</style>

 

Capture.JPG


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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Moeed
Shopify Partner
3692 931 1163

This is an accepted solution.

Yes, you can do that. Just replace 'orange' with '#eb6f35' and your color will be changed to a darker orange.

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
3692 931 1163

This is an accepted solution.

Hey @edgeIT 

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>
button.shopify-payment-button__button {
    background: orange !important;
}
</style>

 

Capture.JPG


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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
edgeIT
Shopify Partner
17 0 1

Moeed the rockstar. Thanks. Works. If we need to change the color to a darker orange, can we specify color code? like eb6f35

Moeed
Shopify Partner
3692 931 1163

This is an accepted solution.

Yes, you can do that. Just replace 'orange' with '#eb6f35' and your color will be changed to a darker orange.

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

PageFly-Lucas
Pathfinder
110 28 28

HI @edgeIT 

This is Lucas from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

button.shopify-payment-button__button {

    background: #fa8107e0 !important;

}

PageFlyLucas_0-1685687606187.png

 

Hope that my solution works for you.

Best regards,

Lucas | PageFly

banned