Icon Menu Items – Hover colour

[Timothy]

Timothy

July 16, 2014 at 4:57 am

Hi,

This is my site – *Login to see link

I’ve just upgraded to premium and I’m looking forward to playing with all the new options! However, before I can do that I’m trying to get my site back fully to the way it was whilst it was in the free version.

Previously, I’d managed to get the icon menu buttons to fade out to a whitish colour (the same effect can still be seen with the three rectangular buttons in the sidebar). I had been using the same css stuff to make them work but since I’ve upgraded it seems that the code no longer works for the icon menu.

I’ve noticed that the div name has changed from .home-iconmenu (free version) to .home-icon-item (premium version). I’ve changed the div in the css to the new one and it still doesn’t work. Attempts to apply the code to the whole icon menu section has had a mixture of results, the most commong being the first icon being the right size but the others staying as they were but fading to a bluish tint instead of a white… Anyway, here’s my code –

‘.home-icon-item a {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}

.home-icon-item a:hover {
opacity: 0.5;
}’

Any help anyone could give would be greatly appreciated!
Thanks