Add to shopping bag colors

[sukiya]

hi everybody,

this question concerns the colors of the shopping button “Add to shopping bag”.

if I have a single product (which means I can’t select any product choices) the button appears in a different color then the same button from another product where I can make some choices.

so I don’t know if this is a woocommerce problem, because it appeared since I updated the new woocommerce plugin.

please see the images attached.

thank you so much!

best wishes,
Lisa

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
.single_add_to cart_button:hover{background:#9C6391 !important;}
Thanks
Mohammad

[sukiya]

hi Mohammad,

thanks for your reply.

unfortunately this is not working.

its not only the hover color which is different. is also the first color.
see the images attached.

best wishes,
Lisa

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.woocommerce form.cart button.single_add_to_cart_button, .woocommerce p.cart a.single_add_to_cart_button, ul.products li.product a.quick-view-button{
color:#fff !important;
}

Thanks
Mohammad

[sukiya]

Hi Mohammad,

I am sorry but this is not changing.

best wishes,
Lisa

[Mohammad – SUPPORT]

Hi,
What color do you want to change? Button text color or background text color on hover the pointer? Please clear your issue.
Thanks
Mohammad

[sukiya]

Hi Mohammad,

this issue occurs only since I installed the new update of woocommerce.
since then its possible to make color changes in the Design field of the theme (attachment: sukiya_product with choices_3). but this is working only for products with choices and not for single products.
and its only possible to change the hover over color and the text color.
I don’t know where to change the background button color (black) – (attachment: sukiya_product with choices_1)

in this field I can change the colors colors of a the single product button.
this is clear for me.

so I want to have the same colors for all kind of products.

the problem is also that those buttons work different.

1.) a product with choices button works like so:
background color, text color, background color changes by hovering over

2.) a single product works like so:
background color, text color, text color changes by hovering over

maybe this is a woocommerce plugin issue?

what do you think?

best wishes,
Lisa

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please provide me single and variable product page urls. So i can compare and resolve. Where did you insert custom css code?
Thanks
Mohammad

[sukiya]

This reply has been marked as private.

[sukiya]

This reply has been marked as private.

[Swift Ideas – Ed]

Hi there,

Ignore the WooCommerce options. This is fixed for the next update, css is as follows:

.woocommerce div.product form.cart .button.add_to_cart_button {
background: #8b7f79!important;
color: #ffffff!important;
}
.woocommerce div.product form.cart .button.add_to_cart_button:hover {
background: #8b7f79!important;
color: #d6d6d6!important;
}

– Ed

[sukiya]

Hi Ed,

thanks a lot!

This is working!

best wishes,
Lisa

[Kyle – SUPPORT]

No problem, thanks Ed

[sukiya]

Hi Ed,

anyway there is another issue since I work with this woocommerce color option.

the color of the product prices and the color of the sale flashes belong to each other.

but I want to have here different colors. (see the attachment)
like in the neighborhood demo.

is this possible?

thanks and best wishes,
Lisa

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

To change the Sale colors try the css below.
Adjust the colors to your desired ones(backgroung and text color)

.woocommerce span.onsale {
background-color: #CCC!important;
color: #FFF!important;
}

-Rui