[StefanLeberneggParticipant]

Hi Themeco Support,

I am using the revolution slider 5 and I’m desperately trying to get the animation actions going. I am trying to use the “mover enter” and “mouse leave” actions to get a layer to “fade in” or “fade out” on hover. Animations are set, actions are set, seems all logic, but it just doesn’t do it. I watched some tutorials and I can’t figure out what I am doing wrong. I am not a coder.

I’ve read some threads here in the forum where the solutions always seemed to be adding specific CSS. So I wonder, why it won’t work and if thats the only way to get that thing going?

Please help. Thank you in advance.

Kind regards,
Sven

I was using Google Chrome as a browser.

WordPress 4.7.2
Slider Revolution – Version 5.3.1.5
X-Theme: Version: 4.6.4
Cornerstone: Version 1.3.3

[StefanLeberneggParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Thanks for posting in.

I like to check it first 🙂 Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[StefanLeberneggParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add link to background image or layers if you want the hover state to work.

Thanks.

[StefanLeberneggParticipant]

Hi Christopher,

I’m sorry, but I dont understand. What do you mean “add link…”? What is it, I am not seeing here?

Lets take the slider “Moji_1”. There I have a background image and another text layer on top. I want the text to fade in when the mouse moves into the layer and fade out etc…

Please help. Thanks.

Sven

[StefanLeberneggParticipant]

Do you mean to ACTIVATE “LINK” in the section above? I tried that, but no change. Please see the screenshots to see my settings.

Thanks

[LelyModerator]

Hello Sven,

I did download you slider to check the settings. Now to achieve what you want please follow this:

1.) Go to Link & Seo Tab > Enable Link: Choose Disable
2.) To Fade the text on hover, select the text layer.
3.) Click the arrow down on the right part of Style Tab
4.) Choose Hover Tab > Enable Layer Hover. You can see that Idle state is active. That is how your text layer will show.
5.) Now, click Hover state on the right of IDLE button
6.) Set Opacity to 0 or .1 depending on how you want it.

Now, when you hover on text it will fade on the level of opacity you have set. Please also check their documentation for guidance here:https://www.themepunch.com/revslider-doc/layer-styles-positioning/#background-advanced. On #2 choose hover tab

Hope this helps.

[StefanLeberneggParticipant]

Thank you. That works too, without using the action function.

Have a great day,
Sven

[RahulModerator]

Glad to hear it!

Feel free to ask us again.

Thanks for choosing the X-theme.

[Author]

Posts