What's your biggest current challenge? Have your say in Community Polls along the right column.

Change add to cart button to use secondary button colors - Focal theme

Solved

Change add to cart button to use secondary button colors - Focal theme

Logototheleft
Explorer
64 1 6

I would like to use secondary button colors only on the add to cart button. Rest of the buttons should stay using the primary button colors. How can I do this?

Accepted Solution (1)

Mehran_Ali
Shopify Partner
439 57 69

This is an accepted solution.

HI Can you share the store password so I can help you out 

-If this solution helps you, kindly LIKE THIS REPLY and MARK AS A SOLUTION OR

Buying Me A Coffee.

-If you need an expert Shopify developer for customization and development, feel free to contact me.


Email: Mehran.ali5300@gmail.com


WhatsApp: +92 343 0211536

View solution in original post

Replies 7 (7)

topnewyork
Astronaut
761 124 139

Hello,

 

Please share "Store URL"

 

Thanks!

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount

Mehran_Ali
Shopify Partner
439 57 69

This is an accepted solution.

HI Can you share the store password so I can help you out 

-If this solution helps you, kindly LIKE THIS REPLY and MARK AS A SOLUTION OR

Buying Me A Coffee.

-If you need an expert Shopify developer for customization and development, feel free to contact me.


Email: Mehran.ali5300@gmail.com


WhatsApp: +92 343 0211536

Logototheleft
Explorer
64 1 6
Mehran_Ali
Shopify Partner
439 57 69

Can You share the Color you want to be In secondary color  because in your theme their is no secondary color is defined 

-If this solution helps you, kindly LIKE THIS REPLY and MARK AS A SOLUTION OR

Buying Me A Coffee.

-If you need an expert Shopify developer for customization and development, feel free to contact me.


Email: Mehran.ali5300@gmail.com


WhatsApp: +92 343 0211536

Logototheleft
Explorer
64 1 6

background white and text black

Mehran_Ali
Shopify Partner
439 57 69

OK 

You need to follow these steps:

1) Go to the Online Store
2) Edit Code
3) Find theme.css / base.css


And past that CSS Code:

#AddToCart {
    background: white;
    color: black;
}

it will only work on add to cart button

 

I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!

-If this solution helps you, kindly LIKE THIS REPLY and MARK AS A SOLUTION OR

Buying Me A Coffee.

-If you need an expert Shopify developer for customization and development, feel free to contact me.


Email: Mehran.ali5300@gmail.com


WhatsApp: +92 343 0211536

Logototheleft
Explorer
64 1 6

Thanks!