Title: Weird CSS problem with Nirvana child theme
Last modified: August 31, 2016

---

# Weird CSS problem with Nirvana child theme

 *  [jbalazs8178](https://wordpress.org/support/users/jbalazs8178/)
 * (@jbalazs8178)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/weird-css-problem-with-nirvana-child-theme/)
 * Hi,
 * I am having a strange CSS problem with Nirvana child theme, and I can’t seem 
   to figure out how to fix it. I am using Woocommerce, and on one of my product
   category pages ([http://www.fanemb.com/test.centerspiritwear.com/product-category/fleec_sweatshirts/](http://www.fanemb.com/test.centerspiritwear.com/product-category/fleec_sweatshirts/)),
   the select options button has a completely different look then the rest of the
   select options buttons on that page, and any other product category page. I’ve
   been trying to compare that button to others in Chrome’s dev tools, but I can’t
   seem to figure out how to fix it, since it just applies to the one picture.
 * The product/button in question is the first one on that page (that particular
   page only has 2 products on it as is). Anyone know what’s going on?

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Thread Starter [jbalazs8178](https://wordpress.org/support/users/jbalazs8178/)
 * (@jbalazs8178)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/weird-css-problem-with-nirvana-child-theme/#post-7000253)
 * it’s basically like all of the add to cart buttons except the first product in
   that category have the same class…and that one doesn’t?
 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/weird-css-problem-with-nirvana-child-theme/#post-7000254)
 * The second button on the linked page (the one associated with the gray hooded
   sweatshirt) has the class “add_to_cart_button”, while the first button (the one
   associated with the black full-zip hooded sweatshirt) doesn’t. That class is 
   the one that gives the “Select Options” button its particular look.
 *  Thread Starter [jbalazs8178](https://wordpress.org/support/users/jbalazs8178/)
 * (@jbalazs8178)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/weird-css-problem-with-nirvana-child-theme/#post-7000311)
 * I can see the different classes, but I can’t figure out how one product got one
   class, and one product got another class. Is there a way that I can write some
   custom CSS that will apply to the first product only?
 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/weird-css-problem-with-nirvana-child-theme/#post-7000313)
 * I’d recommend trying to figure out what happened with the buttons, but this code
   should at least get the right look:
 *     ```
       .woocommerce .product a.button {
       	border: 1px solid rgba(166, 13, 245, 0.17);
       	color: #8B40DC;
       	font-size: 14px;
       	font-weight: 500;
       	margin: 12px 17px 0;
       	position: relative;
       	text-shadow: none;
       	text-align: center;
       }
       ```
   
 *  Thread Starter [jbalazs8178](https://wordpress.org/support/users/jbalazs8178/)
 * (@jbalazs8178)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/weird-css-problem-with-nirvana-child-theme/#post-7000315)
 * That still didn’t work, can’t figure out why that class is being applied to that
   button.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Weird CSS problem with Nirvana child theme’ is closed to new replies.

## Tags

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

 * 5 replies
 * 2 participants
 * Last reply from: [jbalazs8178](https://wordpress.org/support/users/jbalazs8178/)
 * Last activity: [10 years, 4 months ago](https://wordpress.org/support/topic/weird-css-problem-with-nirvana-child-theme/#post-7000315)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics