Woocommerce – change header and colour of font on product page?

Asked on January 12, 2016 in How To.

Hello ,

Is it possible to change the product page “header” colour and font colour?

As i have a darker colour background the font colour doesn’t want to change to white.
Also i would like the product page header colour to red to match the website header
You can see the setup on the following picture :

Thanks for the help.

Dieter Jeanty Layers User
  • Possible Answers to Your Question:

  • 1 Answer(s)
    Answered on January 20, 2016.

    Hi there,
    Please ensure you are on the latest version of Layers, which applies your chosen Header color to the title bar of all pages. If you are using Layers Pro, these colors are set separately under the Header > Styling panel in the Customizer.

    There is no advanced color control for WooCommerce in Layers by default. This is coming in StoreKit in the near future. For now you must use CSS  to recolor titles, prices or meta in product pages as the Layers invert cannot automatically change your content when a dark background is applied to the body. Please see the following:

    Hey ,

    an Update , I got it to work with indeed the styling panel and then for the product title and meta i used the following css using Devkit :

     .product_title {
     color: #FFF;
     .product_meta {
     color: #FFF;
    on January 20, 2016.