Product titles displaying very poorly on the shop page

[emurrell17]

Just installed woocommerce and added some products but they look pretty terrible. The title of each product is huge and you can only see the first couple of letters. Any help would be much appreciated.

Link

Thanks!

[ruenel]

Hello @emurrell17,

Thanks for writing in!

You are experiencing this issue because you have added this custom CSS:

.x-section h1.x-text-content-text-primary, .x-section h1, .x-section h1, h2.x-text-content-text-primary, h2, .h2, h3.x-text-content-text-primary, h3, h4.x-text-content-text-primary, h4, h5.x-text-content-text-primary, h5, h6.x-text-content-text-primary, h6 {
    font-size: calc(1.6em + 1vw)!important;
    line-height: 0.9!important;
}

Temporarily remove this custom css and you will that the this code affects or resulted an issue with the product titles in your shop page.

Hope this helps. Please let us know how it goes.

[emurrell17]

Sweet. Unfortunately I need that CSS for everywhere else on the site. Any advice on how to remove it solely for the shop page? I’d go in and change it in the css tab for that page, but obviously the shop doesn’t have that option.

Thanks a bunch!

Edit: Nevermind, I fixed it! Thanks man!

[ruenel]

Hey @emurrell17,

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

Best Regards.