Return to previous page

Add to cart button has additional background colour

This topic has 15 replies, 3 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp

Jimbo

Participant

February 21, 2015 at 20:22

Hi,

My add to cart buttons have additional background colour when added to the cart and the tick appears?

See image below and website in private content

Please, contact administrator
for this information.

#44315 Copied

14 Answers

Jimbo

Participant

February 21, 2015 at 20:48

Just to add, this seems to be only happening on mobile + iPad… on the desktop it just does the green tick with no background colour?

#44318 Copied

Eva Kemp

Support staff

February 21, 2015 at 22:14

Hello,

Could you please clarify what you want to change?
Do you wish to remove the tick and change background color?

Thank you.
Regards,
Eva Kemp.

#44329 Copied

Jimbo

Participant

February 21, 2015 at 22:59

Hi,

I would like it to end up just being the black line with the green tick, unlike the image I posted up.

I do not want the green background.

#44344 Copied
Eva Kemp

Support staff

February 23, 2015 at 09:34
Hello,

Please try to use this code in custom.css file:
```
.btn.product_type_simple:hover {
background-color: black !important;
border-color: transparent !important;
}
```
Thank you.
Regards,
Eva Kemp.
#44403 Copied
Jimbo

Participant

February 23, 2015 at 11:50

Thanks Eva I will try this and get back to you to confirm if this works ok. 🙂

#44467 Copied

Eva Kemp

Support staff

February 23, 2015 at 12:56

Hello,

Ok. You’re welcome.

Regards,
Eva Kemp.

#44495 Copied

Jimbo

Participant

February 23, 2015 at 14:33

Eva,

Your code does not work sorry to say.

Now the add to cart progress is black?

Also still have the white box around the green tick!?

I just want the progress bar to go green and then end up with just a green tick with no background colour, needs to be transparent like it does on a desktop browser.

Please, contact administrator
for this information.

#44516 Copied

Jimbo

Participant

February 23, 2015 at 14:50

Getting issues with this, your solution did not work.

I also get issues now with the button not returning after adding to cart and the page trying to refresh.

Support seems very slow today?

I will make contact with your HR manager I think

#44522 Copied
Eva Kemp

Support staff

February 23, 2015 at 17:44
Hello,

Please add this code in custom.css file:
```
.progress-button .progress-inner {
    background: none repeat scroll 0% 0% #719400 !important;
}
```
Sorry, but I don’t see any background for the green tick:

What browser are you checking in?
Please try to check in another one.

Thank you.
Regards,
Eva Kemp.
#44589 Copied
Jimbo

Participant

February 23, 2015 at 18:03

I’m using iPad and iPhone so using safari and chrome and it does it on both, it displays like the image I first posted but on desktop it just goes to a green tick, no white box border.

Is there any way a more senior colleague can look at this as none of your codes work.

#44596 Copied

Jimbo

Participant

February 23, 2015 at 18:38

This is the issue, see picture below.

#44618 Copied

Olga Barlow

Support staff

February 24, 2015 at 09:35

Hello,

Issue was related to your additional customization, because there is no such bug in our theme by default! As a rule we don’t fix the issues if they appeared after additional customization. But we made an exclusion and added custom code to solve your problem.

Regards,
Olga Barlow

#44770 Copied

Jimbo

Participant

February 24, 2015 at 11:55

Olga,

thanks for this, I added some code given by Eva which did not work so I most probably added more to code to try and resolve the issue but.

thank you, I do appreciate the help.

#44835 Copied

Eva Kemp

Support staff

February 24, 2015 at 11:56

Hello,

You’re welcome.

Regards,
Eva Kemp.

#44836 Copied
Viewing 15 results - 1 through 15 (of 15 total)

The issue related to '‘Add to cart button has additional background colour’' has been successfully resolved, and the topic is now closed for further responses

Add to cart button has additional background colour

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection