Title: CSS Problem
Last modified: September 22, 2020

---

# CSS Problem

 *  [BrianCS](https://wordpress.org/support/users/briancs/)
 * (@briancs)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/css-problem-91/)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-problem-91%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [bastistg90](https://wordpress.org/support/users/bastistg90/)
 * (@bastistg90)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/css-problem-91/#post-13794817)
 * Hey,
 * i have exactly the same problem, no chance to change the css of the buttons, 
   the double not has always more weight. just tried to change the border radius
   of the buttons but my Child Theme CSS won’ apply.
 * Would be great if you can change that
 * Thanks in advance

Viewing 1 replies (of 1 total)

The topic ‘CSS Problem’ is closed to new replies.

 * ![](https://ps.w.org/qty-increment-buttons-for-woocommerce/assets/icon.svg?rev
   =2089227)
 * [Qty Increment Buttons for WooCommerce](https://wordpress.org/plugins/qty-increment-buttons-for-woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/qty-increment-buttons-for-woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/qty-increment-buttons-for-woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/qty-increment-buttons-for-woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/qty-increment-buttons-for-woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/qty-increment-buttons-for-woocommerce/reviews/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [not](https://wordpress.org/support/topic-tag/not/)
 * [style](https://wordpress.org/support/topic-tag/style/)

 * 1 reply
 * 2 participants
 * Last reply from: [bastistg90](https://wordpress.org/support/users/bastistg90/)
 * Last activity: [5 years, 3 months ago](https://wordpress.org/support/topic/css-problem-91/#post-13794817)
 * Status: not resolved