-
hi on product page of my website, when I hover over inactive product tab the color changes to white.
Is it possible for me to make it so, color does not change and we have a text underline instead?
Thank you.
-
Hi there,
try this CSS:
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: #000; text-decoration: underline; } -
Awesome, thank you.
-
sorry coming back on this.
I noticed this css worked when I put it in additional css under customize. But when I put it in style.css file the underline effect works but the color still changes to white. It works fine if I apply css through additional css section, I wonder why is that?
I also wonder which way is the best way to apply these css changes, in style.css file or in additional css section under appearance > customize
Thank you.
-
Hi Huppap,
Try checking for any syntax errors in your style.css file. There are a couple of CSS syntax error checkers online like this one: http://csslint.net/
This is one usual cause for CSS not working.
- You must be logged in to reply to this topic.