Site logo

Archived topic

Overriding GP Premium woocommerce styles

1 reply · Started by Finley on May 10, 2020

Viewing posts 1–2 of 2

I'm making a woocommerce site with GP that has custom frontend fields added before the add to cart form.

I'm having trouble styling the custom fields because of this css:

.woocommerce div.product form.cart>:not(.quantity):not(.single_add_to_cart_button) {
    width: 100%;
}

I'm trying to style the fields with unsemantic grid classes.

I'm not sure why this css exists, but the nature of the :not selector means it's near impossible to override without !importants or complicated css selectors.

Any advice?

Hi there,

I would say that this would be a totally acceptable case to use !important.

Let me know if you need help with overwriting it :)

This archived topic is closed to new replies.