[Resolved] Woo Product Name color

[Martin]

Is there a way to use the customizer to make the Product name a different color than H1s on the rest of the site? Or do I need to use custom CSS?

(Currently H1s are set to white because on the rest of the site they overlay a background image or video)

[Tom]

Hi there,

It’s possible with some CSS, but I think it would be better to go the other way. In places where your H1 is sitting on top of a dark background, you should set the H1 to white. In most cases, there should be text color options in those areas that you can use.

Then you can keep the global H1 element dark, as your content area is white by default.

If that’s not do-able, you can use this CSS:

h1.product_title {
    color: #000;
}

[Martin]

Thanks, I’ll use the CSS for now, and loop back later to incorporate the good advice.

[Tom]

Sounds good 🙂

[Author]

Posts