How can I change the color of my Ride theme call to action button?

Store Design
1

Hi,

My banner and button “call to action” is not the same colour… Anyone know how I can change it?

2

Hi @jc003

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:
.button, .shopify-challenge__button, .customer button {background-color: #ccc !important;}
.button:before, .shopify-challenge__button:before, .customer button:before, .shopify-payment-button__button–unbranded:before, .shopify-payment-button [role=button]:before, .cart__dynamic-checkout-buttons [role=button]:before, .button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button–unbranded:after {box-shadow: none !important;}

Regards,

San

3

Hello @jc003

Could you please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution?

4

https://www.mindfulexhale.info/

5

Hello @jc003

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.button:before, .shopify-challenge__button:before, .customer button:before, .shopify-payment-button__button--unbranded:before, .shopify-payment-button [role=button]:before, .cart__dynamic-checkout-buttons [role=button]:before {
    background: #fff !important;
}
6

Hi Oscprofessional,

I tried… still doesn’t work. The colour still doesnt match my header colour. I used the same colour code E3FC02.

7

Hi San,

I tried adding the code but the colour still don’t match my header colour… somehow its still darker…

https://www.mindfulexhale.info/