How do I change fonts on Woocommerce product pages?

Posted in: Newspaper
Post count: 30

Hi folks,

I can’t see where to change the fonts for the product pages.

I’m using Woocommerce.

I’m trying to make all headings Titillium Web & body Open Sans but the product pages remain with the default theme font.

Any ideas?

Thanks
Steve

Post count: 6600

Hi,

You can do it via css and use this custom css to change the headlines of woocommerce pages: http://screencast.com/t/uhl6MMNyV

.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4, .woocommerce h5, .woocommerce h6 {
font-family: 'Titillium Web', sans-serif;
}

.woocommerce {
font-family: 'Open Sans', sans-serif;
}

Use this css to restore the product page default font:

.single-product {
font-family: 'PT Sans',sans-serif !important;
}

Please let me know if this works, if not please send an URL to your site, I need to inspect this so I can provide a solution.

Thanks

Post count: 30

Thanks Lucian,

Can you show me the code for making the titles BOLD – I’ve tried adding font-style: bold; but it hasn’t made any difference.

Thanks
Steve

Post count: 6600

Hi,

You need to use font-weight: bold; like this: http://screencast.com/t/GiqMmsjBH
Just add it to the css like I did in the screen.

Thanks

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.