I wanna change color

I wanna change color

Emiway
Trailblazer
255 0 48

1} i wanna change add to cart button to #9ACA3D
2} Have to fix buy it now button & its background colour should be #9ACA3D & Text #303030

URL: https://www.mostlymo.com/

Screenshot 2025-01-08 113722.png

Replies 6 (6)

Moeed
Shopify Partner
6530 1773 2145

Hey @Emiway 

 

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--secondary {
    color: #9ACA3D !important;
}
.shopify-payment-button button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    line-height: unset !important;
    background: #9ACA3D !important;
    color: #303030 !important;
}
</style>

RESULT:

Moeed_0-1736317421539.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Emiway
Trailblazer
255 0 48

After adding to cart the checkout button is still same, can you also fix this 

Screenshot 2025-01-08 115850.png

GTLOfficial
Shopify Partner
726 154 154

Hello @Emiway 
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.

.button.button--lg.button--outline.button--secondary {
color: #9ACA3D;
}
button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
line-height: 1.3 !important;
color: #303030 !important;
background-color: #9ACA3D !important;
}

result
119.png

If this was helpful, hit the like button and accept the solution.
Thanks

 

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
Emiway
Trailblazer
255 0 48

After adding to cart the checkout button is still same, can you also fix this 

Emiway_0-1736318195227.png

 

 

GTLOfficial
Shopify Partner
726 154 154

Hello @Emiway 
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.

.button.button--outline {
color: #9ACA3D !important;
}

result
120.png

Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

DaisyVo
Shopify Partner
2355 291 333

Hi @Emiway 

 

I hope you are well. You can follow our instructions below:


1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

 

Here is the code for Step 3:

 

.button--outline {
    color: #9ACA3D !important;
}
button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    background: #9ACA3D !important;
    color: #303030 !important;
}

 

image (47).png


Please let me know if it works. Thank you!

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution