Why are my Woocommerce products crossed out?

Hello Aaron,

Thank you for your question regarding post titles getting crossed out on WooCommerce products. It appears to be a conflict with the product custom post type and the BoldGrid CSS. You’ll notice, if creating a blog post, the “entry-title” element has a thin black line behind it. However, the title is clear because the CSS breaks the line for the width of the title.

This does not appear to work with the WooCommerce “product-title” element, even though it is the same thin black line. After testing with WooCommerce, I found that the Hifidel theme displays products most clearly. But, the Gridone CSS displays this line, and I could find no way to remove it entirely without breaking the layout of the page.

The way to address the issue right away would be to edit the product post type for WooCommerce to use CSS elements that are BoldGrid-friendly, or to use Javascript in the BoldGrid custom code editors to use something like a string replacement for the CSS style being used on the product page titles. The former option would require editing of WooCommerce core files, which is risky unless you are very familiar with that code. The Javascript hack would be safer, but it might affect other themes you might want to try out in the staging area.

Considering that WooCommerce is a popular plugin, there will likely be a patch in the future that corrects this, but in the meantime, using the Javascript custom coding method mentioned above would likely get the best result.

Best,

Christopher M.