Woocommerce Checkout Page text in white

Try this custom css:

/* info box text colour */
.woocommerce .woocommerce-info {
  color: #333 !important;
  background-color: #f4f4f4 !important;
}
/* info buttons */
.woocommerce .woocommerce-info a {
  margin-left: 16px;
  padding: 4px 32px;
  font-size: 14px;
  font-weight: 700;
  background-color: #0c3f34;
  border-radius: 4px;
  text-transform: uppercase;
}

This can be entered at:
Dashboard > Appearance > Customise > Additional CSS

Hi there,

It works on the checkout page. however on the product page when i click add to cart — the message that comes above the page is all white only “view carts” shows

what code can i put for that to make it work?

I can’t get the message to show because I am sent directly to the cart page when I add-to-cart.

I note the price on the product page is not showing. You can fix it with this custom css:

.woocommerce div.product p.price,
.woocommerce-page div.product p.price {
  color: #333 ! important;
}

Hi The price is showing fine.

I tried putting this code of message about cart. but it didnt work. The message is there but its white, i only see “view cart” green button

Thanks!

woocommerce-notices-wrapper {
color: #333 !important;
background-color: #0c0b0b !important;
font-weight: bold
}

Hi @sshahid12

Thanks for reaching out!

My woocommerce checkout page is showing text in white on white background.

Checking your site’s checkout page, this is what I’m seeing on my end:

Could you please provide us with a clear screenshot of the area you are referring to here as I can see that your site’s checkout page is showing fine on my end. This will help us better understand your situation and address your concerns more effectively.

If you don’t already have a screenshot service installed, you can try https://snipboard.io. You can share the direct link to the image as a response to this topic.