Variable Product Options Text Colour

[Stephen]

Stephen

July 1, 2017 at 9:41 am

Hi there,

I’m need to change the text colour of all variable product options (in drop down) to black but can’t seem to find the right css selector.

Here is an example of a product as it is now:

*Login to see link

When you click on Choose an option, the size option “Medium” is white, so only becomes visible when hovering over it.

I’ve already added some css to style various elements and this is what I have so far:

.topbarmenu .topbar_social ul li a {
font-size: 25px;
}

#nav-main ul.sf-menu ul li a,
.nav-main ul.sf-menu ul li a,
#nav-second ul.sf-menu ul li a {
font-size: 20px;
}

#carouselcontainer-hcustom_carousel.rowtight {
color: #ffffff;
}

.grid_item.product.product_item.custom_carousel_item.all.postclass {
background-color: #000000;
}

.product_item .product_details
h5 {
background: #000000;
}

.product_item .price {
background: #000000;
}

.product_item.hidetheaction .kad_add_to_cart {
background: #000000;
color: #000000;
}

.products div.product {
border-color: #000;
}

Can you help please?

Thanks in advance,

Steve