Changing "Add to Cart" button color and animation on Prestige

Store Design
1

Hi,

Here is my site

https://mayesnyc.com/collections/all

I’m trying to change the “Add to Cart” button color and animation on the Prestige theme.

I’d like the “Add to Cart” button to be black and then turn white on hover

like below

https://www.fashionnova.com/products/i-need-my-coins-button-down-shirt-taupe

thanks in advance

2

@MayesNYC

Please go to Online store → themes → Edit theme → Assets → theme.scss.liquid and paste this code at the end of this file

.ProductForm__AddToCart {
    background-color: #000000 !important;
    color: #ffffff !important;
    transition: 0.5s;
}

.ProductForm__AddToCart:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}
3

@Hardik29418 thanks for the input.

this theme doesn’t have a theme.scss.liquid file, see below

Screen Shot 2021-09-29 at 3.05.36 PM.png
Screen Shot 2021-09-29 at 3.05.36 PM.png546×790 41.8 KB

any further help would be greatly appreciated

thanks

4

@MayesNYC theme.css

5

thanks, this worked.

much appreciated

1 Like
6

@MayesNYC THank you for the update.