[BodhiJamesParticipant]

Hi there,

Not sure if you can answer this but I’m trying to fix a problem with a slider created using Slider Revolution.

I have two different layers on the slider, one with an animation that is triggered by hovering the mouse and the other on top is a text layer. The text layer has a higher z-index so the animation effect goes away when the cursor hovers over the letters, which is, shall we say, less than ideal.

You can see the effect here: http://d58.740.myftpupload.com/homepage-4-the-mystery-pic/

Just hover your cursor over the “about me” button to see the discrepancy.

I have tried using the “pointer-events: none;” CSS property and something is overriding it.

Any ideas?

[NicoModerator]

Hi There,

Little confuse of what you want to achieve. Would you mind sharing us more details to full understood what you want to achieve.

Thanks.

[BodhiJamesParticipant]

Thx for the quick response, here are more details:

Each of the buttons on this page is meant to link to a different page on the site. What I would like to do is make the buttons animate and become a clickable link when the mouse hovers over them.

The “About Me” button is the only one that currently has the animation added.

The problem is that when the cursor is in that button, as soon as it crosses over a text layer on top of the button (either the words “About me” or the “Caption Text14” in this case) the animation on the button resets. I would like the animation to remain in effect as long as the cursor is within the button, regardless of whether it crosses those text layers or not.

[ZeshanMember]

Hi there,

Thanks for writing back!

I’ve checked your slider and it seems that all three layers, i.e., Image, “Caption Text14” and “About Me” are separate (see: http://prntscr.com/a1ar51). Pointer event is only added to the image layer and because other two layers are on top of the image and they do not have pointer event, animation is being reset.

As Revolution Slider is a 3rd party plugin, regretfully, we have limited support for it that only covers its compatibility issues with X. So any question related to transitions, animations or how the certain feature of the slider works, would be getting outside the support we can offer. You may refer to Revolution Slider online documentation: http://www.themepunch.com/revslider-doc/slider-revolution-documentation/

For more information, please refer to our knowledge base article on Revolution Slider.

Thank you for understanding.

[ZeshanMember]

Hi there,

Thanks for writing back!

I’ve checked your slider and it seems that all three layers, i.e., Image, “Caption Text14” and “About Me” are separate (see: http://prntscr.com/a1ar51). Pointer event is only added to the image layer and because other two layers are on top of the image and they do not have pointer event, animation is being reset.

As Revolution Slider is a 3rd party plugin, regretfully, we have limited support for it that only covers its compatibility issues with X. So any question related to transitions, animations or how the certain feature of the slider works, would be getting outside the support we can offer. You may refer to Revolution Slider online documentation: http://www.themepunch.com/revslider-doc/slider-revolution-documentation/

For more information, please refer to our knowledge base article on Revolution Slider.

Thank you for understanding.

[Author]

Posts