Background Button Colors

Highlighted
Tourist
3 0 2

How do I change the background of this Buy Now (changed from Add To Cart) to green on the product page? 

I changed all buttons to green but as you can see for some reason the Buy Now has text only in green...obviously need the background to be green (all the other buttons at checkout etc are correct and have white text with green background).

Also, how do I change the price displayed on collections and product page from red to a different color please?

Thank you

Chris

 

ChrisTopher100_0-1599847513348.png

 

1 Like
Highlighted
Shopify Partner
7725 1058 2679

Hello, @ChrisTopher100 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
3 0 2

Here it is - thank you!

https://dreambrite.myshopify.com/

0 Likes
Highlighted
Shopify Partner
7725 1058 2679

@ChrisTopher100 

Thanks for URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

button.btn.product-form__cart-submit.btn--secondary-accent {
    background: #16db32;
    color: #fff;
}
button.btn.product-form__cart-submit.btn--secondary-accent:hover {
    background: #11ad27 !important;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
3 0 2

Thank you that works for the buttons.

For the prices...

Please how do I change the appearance of my prices from this:

ChrisTopher100_1-1600143870582.png

 

to look like this:

ChrisTopher100_2-1600143905973.png

Thank you

 

 

 

 

1 Like
Highlighted
Shopify Partner
7725 1058 2679

@ChrisTopher100 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes