[Resolved] Change Buttom for description and reviews on woocommerce product

[Jeffrey]

hello, I am trying to change the description and review buttom colors on the following page:

https://strangegenetics.com/product/buttered-fruity-pebbles/

[Fernando]

Hi Jeffrey,

You can change the Button Color in Appearance > Customize > Colors > WooCommerce: https://docs.generatepress.com/article/woocommerce-overview/#colors

To change the description color, try adding this through Appearance > Customize > Additional CSS:

body.single-product .summary.entry-summary .woocommerce-product-details__short-description {
    color: #7ABF5E;
}

You can replace the color value in the code with what you prefer.

[Jeffrey]

Im still not able to find it , im trying to have the description and review areas on the page appear to not be grey

[Fernando]

I see. Thank you for clarifying.

Here are a couple of codes you can try:

.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active) a {
    color: #7ABF5E;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active) {
    background-color: #FF0000;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:is(.active) a {
    color: #CCBFAA;
    
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:is(.active) {
    background-color: #CCFFFF;
}

[Jeffrey]

That fixed it thank you

[Fernando]

You’re welcome, Jeffrey!

[Author]

Posts