Hi, is there a way to add a rollover effect to an image on the layer slider that is a link?
I’m looking to add the link to each of the horizontal blue images in the attached site.
Hi mcraig77!
Thank you for using Enfold.
There is no option to add a rollover link on the layer slider by default. This will require a custom script. You can search for rollover effect tutorial using jQuery or CSS.
Regards,
Ismael
How about change in opacity?
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
img.ls-l.ls-preloaded:hover {
opacity: 0.5 !important;
}
Regards,
Yigit
Hey, I also tried this css code for hover effect, but it works only on image layers that are not links. But image layers that are set to be links to other pages dont display this effect. Any help with this?
Hey!
Can you please provide a screenshot of what you’re trying to do? Se the layer attributes panel in order to add custom css class or id to a layer. You can then use that attribute in the Quick CSS field to create css effects such as rollovers etc. Again, you can find lots of tutorials for css rollover effects. Example: http://designshack.net/articles/css/joshuajohnson-2/
Cheers!
Ismael