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

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

@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;
}

@Hardik29418 thanks for the input.

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

any further help would be greatly appreciated

thanks

@MayesNYC theme.css

thanks, this worked.

much appreciated

1 Like

@MayesNYC THank you for the update.