I have a couple of strange things happening on a site build at the moment. I have used some images for icons on the homepage here
The images are circular icons but i guess they are not exactly circular because the hover colour is out of line with the image. Can you let me know how to remove or change the hover colour so that this is less obvious?
Also sometimes when i hover I get a curved arrow image and some show 2 arrows. Can i have it that they all show the curved arrow on hover mode?
Many thanks
Kim
Hey bauchope,
I added this code to your Enfold Theme Options > General Styling > Quick CSS field to remove the hover circle from your icons, but still show the arrow in orange on the homepage:
#top.home .main_color .image-overlay .image-overlay-inside:before {
background-color: transparent !important;
color: #ef6530 !important;
border-color: transparent !important;
}
Then to ensure all of the icons show the same arrow, I also added this css:
#top.home .image-overlay .image-overlay-inside:before {
content: '\E832' !important;
font-family: 'entypo-fontello';
}
Please clear your browser cache and check.
Best regards,
Mike
Perfect
many thanks
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Mike