Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 21, 2014 at 11:03 pm #371347
    mcraig77

    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.

    December 22, 2014 at 2:21 am #371384
    Ismael

    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

    December 22, 2014 at 3:36 am #371405
    mcraig77

    How about change in opacity?

    December 22, 2014 at 5:17 pm #371587
    Yigit

    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

    April 30, 2015 at 10:43 am #437299
    VisionHD

    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?

    May 4, 2015 at 3:54 am #438691
    Ismael

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.