Best way to change all P and H1, H2 font family | WooCommerce

Posted in: Newspaper
Post count: 159

Hi,

1 – With Newspaper, on WooCommerce Pages, how would you suggest changing font families?

By each element?

.woocommerce-product-details__short-description p {
font-family: Verdana, Geneva, sans-serif;
}

Or global?

2 – And can you please show an example for reference?

3 – Do I need to change any code in the WooCommerce files for Google fonts to work? Or just activate them in Newspaper and that should be enough?

Thank you!

Post count: 20688

Hi,

The theme has a stylesheet for Woocommerce elements, which will be loaded in Woocommerce pages
https://www.screencast.com/t/XemZ37jRUC
There are a few fonts set there. You could add more code in that stylesheet or in the custom CSS code section, also change the default fonts used if needed. There are a few settings in the theme panel as well
https://www.screencast.com/t/RgmnSEiW0
Once you load a font in the theme panel you can apply it with CSS for woocommerce elements. It should be loaded for all locations.

Thanks

Post count: 159

Thanks for the thorough explanation Simion. Much appreciated.

One other question about TagDiv Composer elements and Theme Panel Font settings (color and size etc.).

When working with elements in TagDiv Composer, do any of the Theme Panel font settings effect the elements, or do all elements need their font size and color changed individually with each element when added to a design?

I guess I’m trying to understand what global Theme Panel font settings also change the elements in TagDiv Composer.

Best,

IC

Post count: 20688

Hi,

The theme panel font settings are general, the ones you set in the composer will replace the theme panel settings. So all the font settings in the theme panel are replaced by the more specific ones you make for each block, grid etc.

Thanks

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