Return to previous page

Legenda responsice css wildcard class selector and product attribute clash issue

This topic has 2 replies, 2 voices, and was last updated 8 years, 11 months ago ago by Robert Hall

baz

Participant

May 8, 2015 at 02:42

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.

#62547 Copied Theme version: 2.7 WooCommerce version: 2.3.8

1 Answer

Robert Hall

Support staff

May 8, 2015 at 07:44

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.

#62564 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Kidsstore – WooCommerce Theme

lazy-placeholder

Royal – WooCommerce WordPress Theme

lazy-placeholder

Hemp & CDB – WordPress WooCommerce Theme

lazy-placeholder

Engineer Store – WordPress WooCommerce Theme

lazy-placeholder

Electron Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Restaurant – WordPress Theme

lazy-placeholder

Minimal Fashion 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Spa – WordPress WooCommerce Theme

lazy-placeholder

Language Courses – WordPress WooCommerce Theme

lazy-placeholder

Eco Scooter Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.