how do i change the color of the button to the product tab

[Maria Bordoli]

Good Evening,
I have the site “aeliaspa.gr”.
I have managed through CSS to make the “add to cart” buttons which are in the product categories, e.g. “https://aeliaspa.gr/%cf%80%cf%81%ce%bf%ce%b9%cf%8c%ce%bd%cf%84%ce%b1-7days/” to change color based on my preferences (it should be red and when I mouse over it it changes to green). I would like this to be thr same on the “Add to cart” button and when the customer is on the product tab, e.g. “https://aeliaspa.gr/product/7days-candy-shop-cupcake-sheet-mask-25g/ ” How can make it?

Thanks in advances!

[Sonnal S Sinha]

Hi,

Kindly use this CSS to change button color.

.woocommerce button.button.alt {
  background-color: #aa1e1e !important;
}
.woocommerce button.button.alt:hover {
  background-color: #35864b !important;
}

Regards,
Chris

[Maria Bordoli]

Ηι,
thank you very much for the prompt reply. I put the piece of code in “custom css” as you told me the original color didn’t change but when I move the mouse up the second piece of code works.

[Sonnal S Sinha]

Hi,

Kindly use this CSS.

.summary.entry-summary .woocommerce button.button.alt {
  background-color: #aa1e1e !important;
}
.woocommerce button.button.alt:hover {
  background-color: #35864b !important;
}

Regards,
Chris

[Maria Bordoli]

Hi,
I have made the chance but nothing happen. It is strange 🙂

[Sonnal S Sinha]

Hi,

Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.

We’ll check and revert back to you.

Regards,
Chris

[Sonnal S Sinha]

Hi,

Issue have been resolved. Kindly check and confirm.

Regards,
Chris

[Maria Bordoli]

Thank you very very much.

If it is possible could you tell me which was the problem?
In porpuse to avoid to bother you in the future, if i face similar problem.

[Maria Bordoli]

Ηι,
Sorry for the inconvenience, my boss finally asked me to make the buttons black (#000000), I have managed through CSS to make the “add to cart” buttons which are in the product categories, e.g. “https://aeliaspa.gr/%cf%80%cf%81%ce%bf%ce%b9%cf%8c%ce%bd%cf%84%ce%b1-7days/” to change color based on my preferences (it should be black and when I mouse over it it changes to green). I would like this to be the same on the “Add to cart” button and when the customer is on the product tab, e.g. “https://aeliaspa.gr/product/7days-candy-shop-cupcake-sheet-mask-25g/ ” Could you make the change to the product tab to have black color. I had sent the username and password to [email protected]. If you want I can send again.

[Sonnal S Sinha]

Hi,

This is done. If you want to change the again.

Kindly go to Appearance >> Customize >> Basic >> find class Name “.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt” >> and change it there.

See example screenshot:
https://ibb.co/Dbv163Q

Hope this help you.

Regards,
Chris

[Maria Bordoli]

Ok, thank you!

[Sonnal S Sinha]

🙂

[Author]

Posts