Hi, I want to change the color of the followed buttons. Can you help me with this, please?
I want it as the same color and letter style of the Shop Now Button. It doesn’t need to pulse like the shop now.
Store URL: https://goodthingstrust.com/
Hi, I want to change the color of the followed buttons. Can you help me with this, please?
I want it as the same color and letter style of the Shop Now Button. It doesn’t need to pulse like the shop now.
Store URL: https://goodthingstrust.com/
Hello @GoodThingsTrust
You can add code by following these steps to make buttons in green
Go to Online Store → Theme → Edit code.
Open your theme.liquid file
Paste the below code before on theme.liquid
I hope you are doing good and welcome to the Shopify Community!
I am Santanu from MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore).
Please add this css in your bottom of the css file:
.button, button {background-color: #00ce0e !important; color: #fff !important; text-transform: uppercase !important;
Regards,
Santanu
@niraj_patel as you can see it changed all buttons color and Style, and I don’t want it, I would like to change just the buttons I have mentioned! Thank you.
@INA_MSWEB didn’t work, changed all buttons color and style including the arrows.
Thank you
My apology can you pls replace the previous and add this new one:
Please Replace this css:
.cart-notification-wrapper .button, .cart__checkout-button {background-color: #00ce0e !important; color: #fff !important; text-transform: uppercase !important;}
And for the Checkout page button you can change the color from your theme settings.
Regards,
Santanu
@Kings-Route couldn’t find it. And I don’t want change all buttons color.
Hi @INA_MSWEB it worked but changed the color of VIEW MY CART button and I want to keep it as it was before.
Sorry, thank you.
Pls replace the previous css and add this new one:
Please Replace this css:
.cart-notification-wrapper #cart-notification-form .button, .cart__checkout-button {background-color: #00ce0e !important; color: #fff !important; text-transform: uppercase !important;}
Regards,
Santanu
@INA_MSWEB Thank you. It worked, thank you very much.