Hi guys,
I just ran into a problematic issue where wildcard class styles in the legenda responsive.css broke all my product page layouts across all responsive breakpoints.
The problem is woocommerce puts many classes related to all associated product attributes in the html output of on page product elements along the lines of:
class=" pa_attribute-name1-goes-here pa_attribute-name2-goes-here etc..."
The styles below specifically caused my problem as we had a product attribute name that contained the string ‘span’ in it, I’m not sure of the best way to solve this as overwriting each broken style declaration is a large laborious task and it’s possible that these sorts of wildcard uses are not 100% workable and open to failure:
[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
Any advice as to how to best avoid this situation is much appreciated.
