Change Color of Add to Cart Button

Solved

Change Color of Add to Cart Button

Mg71
Excursionist
29 0 6

I'd like to change the add to cart button to black with white text. I'm using the pipeline theme.

 

Thank you!

 

Screenshot 2024-06-24 174306.png

Accepted Solution (1)

round
Shopify Partner
113 18 10

This is an accepted solution.

@Mg71 

Hope you are well
Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) custom.pages.home.min.css and paste this code on the end

 

.product__submit__buttons .btn--primary.btn--outline {
    --btn-text: #fff;
    --btn-bg-hover: #fff;
    background: #000;
}

.product__submit__buttons .btn--primary.btn--outline:hover {
    background: #fff;
    color: #000;
    border-color: #000;
}​


result

round_0-1719266537406.png

 

 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.

View solution in original post

Reply 1 (1)

round
Shopify Partner
113 18 10

This is an accepted solution.

@Mg71 

Hope you are well
Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) custom.pages.home.min.css and paste this code on the end

 

.product__submit__buttons .btn--primary.btn--outline {
    --btn-text: #fff;
    --btn-bg-hover: #fff;
    background: #000;
}

.product__submit__buttons .btn--primary.btn--outline:hover {
    background: #fff;
    color: #000;
    border-color: #000;
}​


result

round_0-1719266537406.png

 

 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.