Return to previous page

WooCommerce – Change Text Color - by khoavo

This topic has 10 replies, 3 voices, and was last updated 8 years ago ago by Rose Tyler

khoavo

Participant

November 20, 2016 at 13:40

Hi, I just updated to Royal v2.8 and I noticed the font color has changed on my WooCommerce input box.

See screenshot: http://prnt.sc/d9k2yl

1) I need the “ADD TO CART” text in white color #fff (Before Hovering)
2) The up/down quantity arrow only shows if the mouse hovers over the box. I like for this to display without having to hover over it.

Please, contact administrator
for this information.

#146363 Copied

9 Answers

khoavo

Participant

November 20, 2016 at 13:47

Correction: Ignore my question #2 above. The up/down QTY arrow displays fine.

I just need to change the “ADD TO CART” texts to color #fff

Thanks!

#146364 Copied

khoavo

Participant

November 20, 2016 at 17:26

Upon further testing, regarding my question #2 above, the up/down QTY arrow is hidden when viewed in Google Chrome (v54.0.2840.98 (64-bit). It shows when the cursor hovers over the box.

I like for this to show, not hidden.

It shows fine on Safari and Firefox. Thanks.

#146369 Copied
Rose Tyler

Support staff

November 21, 2016 at 08:16
Hello,

Try to add this code in Custom CSS:
```
.single_add_to_cart_button.button {
    color: white;
}
.single-product input::-webkit-inner-spin-button {
    opacity: 1;
}
```
Regards,
Rose Tyler.
#146383 Copied
khoavo

Participant

November 21, 2016 at 19:58

That code doesn’t work, sorry. I added it under Theme Options / Custom CSS / Global Custom CSS.

Screenshots:

Lightbox Preview: http://prnt.sc/da37t9
Shop Page: http://prnt.sc/da389g

The “ADD TO CART” text is still in black color, I need that in white. This before Hovering.

Also, Google Crome still has the “up/down” QTY arrow hidden until the mouse hovers over it. Odd. But Safari & Firefox shows no hidden.

#146491 Copied

Rose Tyler

Support staff

November 22, 2016 at 08:21

Hello,

I’ve added code in style.css file of the child theme (Appearance > Editor > select Royal Child theme).
Clear browser cache and check site now.

Regards,
Rose Tyler.

#146525 Copied

khoavo

Participant

November 22, 2016 at 19:18

That code you added worked for the up/down QTY arrow, but the “ADD TO CART” text on the button is still in black color before mouse hover. I need that text to be in White before mouse hover.

See screenshots:

Lightbox Preview: http://prnt.sc/da37t9
Shop Page: http://prnt.sc/da389g

#146643 Copied
Eva Kemp

Support staff

November 22, 2016 at 19:53
Hello,

Please add this code in child style.css file:
```
.product-information .cart button[type="submit"] {
    color: white !important;
}
```
Regards,
Eva Kemp.
#146649 Copied
khoavo

Participant

November 22, 2016 at 21:00

Perfect, now it works! Thanks Eva.

#146661 Copied

Rose Tyler

Support staff

November 23, 2016 at 08:00

Hello,

You’re welcome!

Regards,
Rose Tyler.

#146676 Copied
Viewing 10 results - 1 through 10 (of 10 total)