Return to previous page

Woocommerce Product Column CSS Styling - by sguilliard

This topic has 4 replies, 3 voices, and was last updated 8 years, 2 months ago ago by Eva Kemp

sguilliard

Participant

February 1, 2016 at 15:07
Hi,

This keeps getting reset with every update, and I’m wondering whether the you guys could remove the ‘!important’ tag from the styling on line 4821 of style.css:
```
.sidebar-position-without .product-category,
  .products-grid .product-category {
    width: 33.3% !important;
  }
```
This is wrapped in an @media rule (line 4785) for screen sizes over 980 pixels:
```
@media only screen and (min-width: 980px) {
```
If anything other than 3 columns are selected for displaying product categories this causes obvious problems. I can override this, by adding the ‘!important’ override in the child theme stylesheet, but this means more workarounds elsewhere (I can’t then specify one product block to display 4 columns and another to display 3 because this rule overrides both) and it would be much better if the ‘!important’ override wasn’t there in the first place.

Is there a reason that I’ve failed to spot for using ‘!important’ here? If not, can it be removed in future releases?
#111097 Copied Theme version: 2.8 WooCommerce version: 2.5.1
3 Answers

Jack Richardson

Support staff

February 1, 2016 at 17:35

Hello,

We’ll take your request into our account and fix it in the theme update.

Best regards,
Jack Richardson.

#111132 Copied

sguilliard

Participant

February 1, 2016 at 17:36

Thanks, that would be really helpful on the next update! 🙂

#111133 Copied

Eva Kemp

Support staff

February 1, 2016 at 17:55

Hello,

You’re welcome.

Regards,
Eva Kemp.

#111139 Copied
Tagged: column, product, styling, themes, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)