Archived topic
description , additional information, and reviews tabs
7 replies · Started by Matt on June 23, 2020
I tried a couple things but i'm trying to get all my tabs I.E. : description, additional information, and reviews tab to hover text to red. Nothing i've been trying seems to be doing the trick. Time to call in the professionals.
li.description_tab:hover, li.additional_information_tab:hover, li.reviews_tab:hover {
color: red !important;
}
#tab-title-additional_information:hover, #tab-title-description:hover, #tab-title-reviews:hover {
color: red !important;}
li.tab-title-description:hover a {
color: red !important;
}Note: i took this code back out of my custom css for now so don't expect to see it. :D
Customize>Colours>Woocommerce>Product Tab Active?
Negative. They don't have any hover, or background options on that. The color and active color are both attached to text for some reason on that(Customize>Colours>Woocommerce>Product Tab Active) selection screen. So this problem will have to be solved by CSS unfortunately.
Okay you did say to change text colour on hover, that’s what I use, uses the colour for the active tab and also for hovering over the others.
Hi there,
try this CSS:
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover a {
color: red;
}As always David you nailed it. Thank you sir!
Marked as resolved.
Glad to be of help
