I've been searching but have not been able to locate this solution.
In my footer widget area I have a couple of buttons. I set the short code to override the hover text color just like the others in my site, but when I hover, the text disappears.
You will likely have to increase the selector specificity to have it work in the child theme css. Also do other css rules works in the child theme style.css ?.
Yes sir. Everything else is working fine in my child theme css file. I found a tip in your comment thread about preceding the rule with the body tag to help with specificity and in some case I needed to do that. But I'll just leave that rule in the options panel.
Hi Nectar,
Again, just love this theme.
I've been searching but have not been able to locate this solution.
In my footer widget area I have a couple of buttons. I set the short code to override the hover text color just like the others in my site, but when I hover, the text disappears.
[button color="see-through" hover_text_color_override="#001F44" image="default-arrow" url="http://dev.jn9ne-creative.com/blog/" text="View Insights" color_override="#001F44"]
Any help will be appreciated. Thanks!
Hey!
html body #footer-outer .nectar-button:hover { color: #000!important; }
ThemeNectar Support Team
Thanks Tahir!
It worked in the Salient Options panel but not in my child theme's CSS file. Is there a reason for that?
If I have to leave it there, that's fine, but if I can get it work in my external CSS file, that would be preferable.
You will likely have to increase the selector specificity to have it work in the child theme css. Also do other css rules works in the child theme style.css ?.
Thanks
ThemeNectar Support Team
Yes sir. Everything else is working fine in my child theme css file. I found a tip in your comment thread about preceding the rule with the body tag to help with specificity and in some case I needed to do that. But I'll just leave that rule in the options panel.
Thanks again for the help!