How can I change the quick view box color without affecting the rest of the page?

Store Design
1

Hi,

Does anyone know how I can change my box colour for the below item only please,

When I change it messes with other colour on the page and just want it for the quick view,

Please see below an example, any help would much appreciated.

needee_0-1675422371090.png
needee_0-1675422371090.png1715×663 282 KB

The quick view box under biohazard is black,

If someone can please take a look for me, www.needee.co.uk.

Cheers again

2

Hi @needee ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/product-card.css->paste below code at the bottom of the file:

.\#product-card .\#product-card-quick-view .\#button {
    color: white !important;
    background: black !important;
}

NOTE: You can change the “White” and “Black” values to match your design

I hope it would help you
Best regards,

Kate | PageFly

3

Many thanks for your help on this.

I will check this works, and come back if any problems.