Weird CSS problem with Nirvana child theme

  • jbalazs8178

    (@jbalazs8178)


    10 years, 4 months ago

    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/), 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

    (@jbalazs8178)

    10 years, 4 months ago

    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

    (@stephencottontail)

    10 years, 4 months ago

    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

    (@jbalazs8178)

    10 years, 4 months ago

    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

    (@stephencottontail)

    10 years, 4 months ago

    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

    (@jbalazs8178)

    10 years, 4 months ago

    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.