woocommerce buy button and text color , How do I change them?

[Diego Letelier]

Hello,

I woul like to change the button background and text color, also, the offer price color and background.
It is a fetured product, how can I do that?

Best regards,
Diego

[Zex]

Hello, Diego!

Insert the following codes into Customizing->General->Additional CSS:

/*Button background and text color*/
.wp-block-button__link{
  background-color: #5cddf3!important;
  color:black!important;
}
/*Button background and text color-ON HOVER*/
.wp-block-button__link:hover{
  background-color: white!important;
  color:green!important;
}
/*The offer price color and background*/
ins{
  background: black!important;
  color:yellow!important;
}

Change the color codes per your needs.

Regards

[Diego Letelier]

It works great,

Thank you!

[Author]

Posts