Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 18, 2014 at 3:20 am #252992
    haeyuonkim

    I’m desperately seeking a way to make simple image rollover in Layer Slider. I want each of the colored circles on this page (in LayerSlider) to rollover to a different image that I’ve already created. Some say “go to story” or have different information. I’ve inserted each of the colored circles as separate layers. Now, within the custom style box for the layer, how do I tell it to call up a different image on hover?
    http://haasachieves14.com/haas-by-the-numbers/
    This seems so basic, but I’m having a heck of a time trying to figure this out.

    The effect I want is temporarily at this page that I built with tables. But WordPress was breaking the table…
    http://www.tobidesigns.com/fireworks5/numbers2.htm

    Any suggestions?

    April 18, 2014 at 4:08 pm #253210
    Yigit

    Hey haeyuonkim!

    You can try adding a class to each link and add following code to Quick CSS in Enfold theme options under Styling tab

    a.roll-over-1 { background-image: url(https://haasachieves14.com/wp-content/uploads/2014/04/treks.png); height: 156px; width: 156px; }
a.roll-over-1:hover { background-image: url(https://haasachieves14.com/wp-content/uploads/2014/04/languages.png); }

    This should be a good starting point for you. If you need further customization, please hire a freelance developer

    Best regards,
    Yigit

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