Hello,
How can I change the “home” icon from black to white ONLY when it’s currently selected or hovered over?
I see that I can select either black or white from the theme panel, but I can’t figure out how to combine the two.
Thank you very much!
Hi,
You have to add a background image like it is made when you change color from Theme Panel, but this only when you hover. Please try this custom css in Theme Panel > Custom Css:
Color black from Theme Panel: http://screencast.com/t/cmGuVMuC
When you hover: http://screencast.com/t/gsXzrHbX35uB
.td-sp-ico-home:hover{
background-image: url('http://localhost/paper1/wp-content/themes/Newspaper/images/header/elements-menu.png');
}
Hope this helps!
Hello,
That fixes part of my problem. As you can see here http://g.recordit.co/9PMzYHAV5d.gif, it doesn’t work when the homepage is currently selected – the icon remains black. Also, a nitpick, the code you provided works only when I’m directly over the icon itself. Can that be fixed?
Thank you again for your great support!
Hi,
Please try this custom css:
.td-sp-ico-home:hover{
background-image: url('http://localhost/paper1/wp-content/themes/Newspaper/images/header/elements-menu.png')!important;
}
.current-menu-item .td-sp-ico-home{
background-image: url('http://localhost/paper1/wp-content/themes/Newspaper/images/header/elements-menu.png')!important;
}
Thanks!
Excellent! Thank you very much.
Nu ma asteptam sa am parte de un support atat de bun si rapid 🙂 Multumesc!
