How to change size of title of product in Woocommerce

[Geoffroy]

Hello,

I use Woocommerce, and I want to change the size of title of product.

Please, How can I do ?

Thank you very much

[Tom]

Hi there,

On the shop page (http://demo.generatepress.com/shop/) or the single product page (http://demo.generatepress.com/product/flying-ninja/)?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Geoffroy]

On the shop page Tom 🙂

Thank you !

[Tom]

This should do it:

.woocommerce ul.products li.product h3 {
    font-size: 25px;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Geoffroy]

It’s work perfect !

Thank you Tom for this quick answer !

If I wants to change the same thing in product page : how can I do ?

[Tom]

The product page is an H1, so it’s controlled by the H1 settings in the Customizer 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Geoffroy]

Thank you Tom !

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Geoffroy]

I have an other questions :

Is it possible to hidden widget if I am not in Catalog ?

I wants to install filter product, and I don’t need this widget is show if I am in home page.

Thank you !

[Tom]

A plugin like this might help: https://en-ca.wordpress.org/plugins/display-widgets/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Geoffroy]

I try to change size of picture in catalog page but it’s not work.

How can I do ?

(it’s not work if I change value in WooCommerce option)

Thank you

[Tom]

That might be something you need to ask WooCommerce support as it has to do with their settings 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Iain]

Hi Tom – sorry to reopen an old post but it is related. How do i change the Product Title (on the product page) from <h1> to <h2> across all product pages.

[Tom]

That’s typically not a good idea. The main title of the page – the product title in this case – should always be an <h1> element. If you need to change it, you would likely need to create a custom WooCommerce single product template.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Iain]

ok no probs. Thanks for the advice.

[Author]

Posts