Return to previous page

Change Text colour - by linburnlane - on WordPress WooCommerce support

This topic has 8 replies, 4 voices, and was last updated 8 years, 1 months ago ago by Stan Russell

linburnlane

Participant

March 6, 2016 at 08:02

Hi,

I can’t seem to change the typography of certain parts.

1) when on a single product page, the Add to Cart button is black, and so is the font. How do I change the font colour to white?

2) Ditto for font on the Shop page for each item (Add to Wishlist & Quick view is black on black and can’t be seen)

Please, contact administrator
for this information.

#116325 Copied Theme version: 2.8 WooCommerce version: 2.5.2

7 Answers
Jack Richardson

Support staff

March 7, 2016 at 10:21
Hello,

1. Try to add the following css code in Theme Options > Custom CSS > Global Custom CSS:
```
.single_add_to_cart_button.etheme-simple-product.button.alt {
    color: #ffffff !important;
}
```
2. Add this css code:
```
.show-quickly, add_to_wishlist {
    color: #ffffff !important;
}
```
Set color value to your needs.

Best regards,
Jack Richardson.
#116384 Copied
linburnlane

Participant

March 8, 2016 at 00:35

That changed the Add to Cart button on the Shop page to white. I wanted to change the text on the black button from black to white so the text could be seen but that’s OK, it still works 🙂

The .show-quickly CSS changed only the Quick View text. How do I also change the Add to Wishlist text to white?

On the Single Product page, the Add to Cart button is still black text on a black button. I would like this to be white text on a black button.

Ditto for the Proceed to Checkout button on the Cart page.

Is there a simple typography command for this rather than having to add a custom CSS code for every button on every page?

#116473 Copied

Jack Richardson

Support staff

March 9, 2016 at 10:19

Hello,

Please provide us with correct link to your site as provided ones in private content aren’t working. Thank you.

Best regards,
Jack Richardson.

#116567 Copied

linburnlane

Participant

March 9, 2016 at 23:43

Link supplied

Please, contact administrator
for this information.

#116738 Copied
Eva Kemp

Support staff

March 10, 2016 at 10:38
Hello,

I’ve changed css code in Global Custom CSS section to this one:
```
.single_add_to_cart_button.etheme-simple-product.button.alt, .product-information .cart button[type="submit"] {
    color: #ffffff !important;
}
```
```
.footer-product .show-quickly, .footer-product .add_to_wishlist, .checkout-button.button.alt.wc-forward {
    color: #ffffff !important;
}
```
Check “Add to Cart”, “Proceed to Checkout” and “Add to Wishlist” text now.

Regards,
Eva Kemp.
#116788 Copied
linburnlane

Participant

March 11, 2016 at 04:23

Thanks Eva!
Perfect! 🙂

#116946 Copied

Stan Russell

Participant

March 11, 2016 at 08:07

Hello linburnlane,

you are welcome!

Regards,
Stan Russell.

#116952 Copied
Viewing 8 results - 1 through 8 (of 8 total)