CSS Problem

Hi,

I added some custom CSS to override the button color, so that it matches my site’s theme. I noticed beginning in version 2.5.1, my CSS was no longer being applied. This continues up to the current version 2.7.5.

I found the culprit in lines 719 and 746 of the file qty-increment-buttons-for-woocommerce.php, which use .qib-button:not(#qib_id):not(#qib_id) and .qib-container .quantity input.qty:not(#qib_id):not(#qib_id) as CSS selectors while generating the inline CSS for the plugin. The addition of the second :not(#qib_id) in particular was causing the problem, as it seems to give more weight to your CSS over mine. I first tried repeating your duplicate :not(#qib_id) in my own CSS, and even added id or class selectors to make my own CSS have more weight. But the browsers I tested on still ignored my CSS. I had to actually modify this code file to remove the second :not(#qib_id) to get my buttons appear correctly once more.

Is this something you can fix going forward?

I’m running the latest WordPress & WooCommerce versions (5.5.1 and 4.5.2). Also note that the page link I’ve provided is corrected to show buttons with the correct colors.

As an aside, as an experienced CSS coder myself, I’m curious why you have two :not‘s there? I’ve never seen that before, and cannot find any reference to doing this in the CSS books or in online references like W3’s. I’m wondering if it’s a typo, or if it’s some kind of secret advanced means of ensuring noone can override your button styles? LOL.

Thank you!

The page I need help with: [log in to see the link]