Button color for Add to Cart + Meta on Product

[MafaldaFrikat]

Hello,

Sorry that i couldn’t find the answer.

1. Button Color
On the product page detail i can’t succeed changing the “add to cart” button color. I want to change the 3 main colors : border, background and font.

Same for the bag preview of the header.

2. Meta
Impossible for me to change the value of sf_fw_split_bg_color . (i’ve uploaded the demo UNION).
Can i change the color globally?

1000 thanks for your help
Mafi

PS : i’m working on a local install, can’t send you any link for the moment

[MafaldaFrikat]

if it can help, this is what i added in the custom CSS
.woocommerce form.cart button.add_to_cart_button {
background-color: #ccae6e;
border-color: #000;
color: #000;
}

but the button remains the same (white with black border, like the demo)

[David Martin – Support]

Hi,

Q1:

Please add these examples to your custom CSS option within the theme options.

Button Text Color / Border Color / Background Color

.woocommerce form.cart button.add_to_cart_button {
    border-color: #222222!important;
    color: #222222!important;
    background-color: blue!important;
}

Button Text Color / Border Color / Background Color: On Hover

.woocommerce form.cart button.add_to_cart_button:hover {
    border-color: #222222!important;
    color: #222222!important;
    background-color: orange!important;
}

Q2:

Can you send me a screenshot, I am not 100% sure which element you are referring to?

– David.

[MafaldaFrikat]

This reply has been marked as private.

[David Martin – Support]

Hey,

No problem!

Q2) Edit a product and navigate to: Meta Options => Product Meta => Fullscreen Display Background Color.

Your Product Display Type will need to be Fullscreen split.

Thanks.

[MafaldaFrikat]

Thanks David!

[David Martin – Support]

No problem! Glad to help.

Thanks,
David.