Solved

Would like to change the hover add to cart colour on collection pages on Empire theme

Ayub1
Visitor
3 0 0

Hi,

 

I've managed to change my add to cart colour to green on my product page, but it is still blue when I hover over collections. 

 

Can I please get help changing the hover add to cart colour?

 

The add to cart colour hereThe add to cart colour here

My store URL is cateringvault.co.uk

 

 

 

 

Accepted Solution (1)
PageFly-Victor
Shopify Partner
7865 1785 3064

This is an accepted solution.

you can try add

 

.productitem--action-atc{
background: #30fa00 !important;
border:1px solid #30fa00 !important;
}
 

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
7678 1493 1496

You can try to do it by adding this CSS code at the bottom of your theme.css.liquid file 

.button-primary:not(.disabled):hover {
background: #30fa00 !important;
}

- Helpful? Like or Accept solution! or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Ayub1
Visitor
3 0 0

Hi Dan,

 

Thanks for replying.

 

I've added the code, but the hover atc colour is still the same

 

EDIT: Actually I've noticed that it is now green when I hover over the button, but blue otherwise. What I actually meant was that I would like the add to cart colour, that appears when I hover over products on the collection page, to always be green.

PageFly-Victor
Shopify Partner
7865 1785 3064

Hi @Ayub1

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset-> theme.css  paste the below code at the bottom of the file.

.button-primary:not(.disabled) {

background: #30fa00 !important;

border: 1px solid #30fa00 !important;

}

PageFly_0-1664811467660.png

 

Best Regards;

PageFly

 

Ayub1
Visitor
3 0 0

Hi, 

This makes the ATC button green, but also all my other primary buttons green e.g. 'shop now' which I don't want.

 

Is it possible to only change the colour of the collection page ATC button, while keeping the colour of the other primary buttons the same?

PageFly-Victor
Shopify Partner
7865 1785 3064

This is an accepted solution.

you can try add

 

.productitem--action-atc{
background: #30fa00 !important;
border:1px solid #30fa00 !important;
}