Home > Enterprise >  Change Colour Of Rollover Text On "Continue Shopping" WooCommerce Button
Change Colour Of Rollover Text On "Continue Shopping" WooCommerce Button

Time:08-13

Thank you for taking the time to read this. I have tried every single CSS code under the sun to try change the rollover text on a woocommerce button "Continue Shopping" to white when the button is hovered (currently grey background and black text when hovered). Wordpress with Woocommerce setup.

button before rollover

button on rollover, text not changing to white

CodePudding user response:

I can't answer specifically in the context of WooCommerce but the current CSS applying that style is:

.woocommerce-page .woocommerce-message a.button.wc-forward:hover {
    color: #000000 !important;
}

So you can attempt to copy this.

There's a fairly nasty trick for increasing specificity of "identical" selectors by just duplicating a class name, so if you still find the above is getting overwritten try using

.woocommerce-page .woocommerce-message a.button.button.wc-forward:hover {
    color: #000000 !important;
}

I'd recommend commenting this as it looks like a mistake to most people.

  • Related