This topic has 2 replies, 2 voices, and was last updated 8 years, 11 months ago ago by Robert Hall
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.
Hello,
Please provide us with link to the page and wp-admin access in Private Content.
Also provide us with screenshot for our better understanding and highlight where exactly you have problem.
Regards,
Robert Hall.
You must be logged in to reply to this topic.Log in/Sign up