How To Change The Button Color In Sense Theme?

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

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.button{ background-color:#0E0E0E !important; color:#fff !important; text-transform: uppercase !important;

Hi @GoodThingsTrust

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

Hi @GoodThingsTrust

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.

Hi @GoodThingsTrust

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

1 Like

@INA_MSWEB Thank you. It worked, thank you very much.