Change colour of the font of the product description under image.

Hi there – this is a WooCommerce issue, as the styles for those elements is coming from WooCommerce, not the theme. I will still try to help you here, as a courtesy. ??

To make the product information white on your Shop page linked above, you can try adding this custom CSS in the CSS editor, under Appearance > Customize > Additional CSS:

/* WooCommerce produt info */
ul.products li.product .price, 
ul.products li.product .star-rating, 
ul.products li.product .woocommerce-loop-product__title {
  color: #ffffff;
}

Let me know how it goes!

Hi Kathryn

it worked perfect, thank you so much, saved me

kind regards

mike

Glad to hear it! I’ll mark this as resolved.

Iv just noticed now changing the background of the website to black the;

Description ,additional information ,review buttons have the same issue?

can this be solved also? apologies.

https://mikirum.co.uk/index.php/product/miki-rum-orange-vanilla/

kind regards

mike

• This reply was modified 2 years ago by mikenew28.

Hi Mike, for your individual product pages, you can try something like this to adjust the three tab buttons. You can adjust the colours and padding as you like.

/* Woo product pages - product tabs */
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  background-color: #df3461;
  padding-top: 1.55rem;
  padding-bottom: 1.59rem;
  padding-left: 20px;
  padding-right: 20px;
}
/* Woo product pages - active tab */
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
  background-color: #ffffff;
}