Really big font on Category and product names after the update

A simple solution would be to have a WooCommerce setting where we can choose if we want product titles to use H1, H2, or H3, etc….

I edited every instance of H3 to H2, this still does not work I am missing something somewhere but cannot pin it down.

What is the purpose of the class .woocommerce-loop-category__title, ?

Right. I have RESOLVED this. I think Woocommerce could have saved themseleves the ear beding they have been getting by mentioning this in the change control. I see no mention of H3 to H2 changes in the review document.

@mikejolley.
I have now resolved this. It took me a little while to do it but with the help of my browser friend, F12. I managed to resolve all the H3 / H2 conflicts and the space that was added due to the extra class id added in the update.

I’m sorry that the Devs have been getting grief over this, not from me I hasten to add.

We all realise that change happens, the problem was that this part does not seem to have been listed in the changelog, though I may have missed this. There is mention of H2 for v 2.6.4 but nothing after that.

My issues were mainly look and positioning. The site works fine though I note a lot of users posting one star reviews on the plug ins page. This is not really helpful but I can understand the frustration if your upgrade has broken your site, especially if you sell things. ( I don’t currently sell ).

Fortunately for me only my staging broke. Though stress levels are on the up for scheduled live change!

If I can help anyone with the H2/3 side or the extra padding on the product image let me know. I might not be able to help but will give you my fourpence worth.
McP.

@robmcp

Can you email me at [email protected]? Got a questions for you on this topic. When you email, I’ll respond with my situation.

Thanks!

Glenn

Done that.

That mail address keeps bouncing.

I have a very similar problem and would really appreciate your help!

After updating WC the product category titles and single product titles are too large, and throw off the look… https://www.rajasthantreasures.com

I can’t find anything in the stylesheet.css to change from h2 to h3. Also looked in some other .php files without luck.

Help please!

raja2016,

unfortunately, there’s no easy fix – I’ve just greatly down-sized my h2 font, but…….. that’s a very poor “solution.”

>>> WC should make a setting/option where the user can choose h1, h2, h3, etc… for the font. But that’s not the case presently.

@mikejolley

Can you folks kindly consider making an WC option to address this problem?

That would be completely pointless; it should be h2. You can style JUST h2 in product elements using CSS, you do not have to target all h2’s on the entire site. Have a search for ‘CSS selectors’ to see how they work.

ul.products h2 {
// CSS here
}

I added

ul.products h2 {
font-size: 12px;
}

to my custom.css without any improvement. Is this the wrong approach or the wrong place to add this code?

Thanks!!!!

raja2016,

I have no idea. I tried that and several variants of that.

If you figure it out, please post. Thanks!

@raja2016 – You’ve pasted // CSS here (incorrect syntax for CSS, which is why it isn’t working) into your custom.css file as well as the actual CSS supplied. Copy and paste this into custom.css instead:

ul.products h2 {
    font-size: 1.2em;
}

• This reply was modified 7 years, 10 months ago by purbeckpixels.

Thank you – that works for the product gallery but the not the single product pages…

e.g. https://www.rajasthantreasures.com/product/small-treasure-chest

I tried

h1.product_title h1 {
font-size: 1.2em;
}

but I guess the syntax is wrong ??

Help again please!