I’m trying to add a hover over effect to my icon/title on the homepage of my website to make it clear that it’s a link. I have tried:
.avia-icon-list .iconlist_icon:hover {
color: orange;
}
Which I found on another thread, but this didn’t work for me. Ideally, I would like the icon and the title of the icon box under the “tools” part of the blog to turn orange upon hover over to make it clear that it is a link.
Thanks!
Max
Hey bappi_cs,
Please try the following instead:
.main_color a.iconbox_icon:hover {
color:green !important;
}
Thanks,
Rikard
Hi Rikard,
Thanks for your response. I added that to my site, but it doesn’t appear to have worked. I can leave it on until you have a chance to look at it again.
Thanks!
Hey!
Please replace the code with
.iconbox_left .iconbox_icon:hover and give it a try if that one works.
Thanks a lot
Best regards,
Basilis
Hi Basilis,
Unfortunately, it still didn’t work. Would it help if I gave you admin access?
Thanks!
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
h3.iconbox_content_title a:hover {
color: orange!important;
}
Best regards,
Yigit
I’m sorry, but that does not appear to have worked either :(
Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
Best regards,
Yigit
Will do!
Hi,
Sorry for the late reply!
I tried adding different custom CSS codes and deactivating all active plugins but that still did not help.
Can you please make sure that wp-content/uploads folder has correct permissions ( 755 ) – http://codex.wordpress.org/Changing_File_Permissions
Best regards,
Yigit