Revolution Slider Hover Multiple Objects

Support
#1

Hi guys,

Trying to recreate the look of the pop-ups here: https://www.americanbridge.net When you hover over the biggest object, all objects change color. In my case only the specific objects you hover over change color, not all of them at once.

I did check out this articles and created a group, but do not see an action for such a thing. Any ideas?

https://www.themepunch.com/revslider-doc/layer-groups
https://www.themepunch.com/revslider-doc/layer-actions-links

#2

Hello @kcreative,

Thanks for writing in! I have investigated your issue and it turns out that your example url is using a custom css for the hover. He added this in his child theme’s style.css

body #eut-feature-section .rev_slider .photo-caption:hover, body #eut-feature-section .photo-caption:hover, 
body .rev_slider_wrapper .tp-caption.photo-caption:hover {
    cursor: pointer;
    background: rgba(34,94,172,0.8) /*AB BLue RGBA*/;
    border-color: #fff;
}

For your case, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

body .rev_slider_wrapper .tp-caption.Photography-Display:hover {
    cursor: pointer;
    background: rgba(34,94,172,0.8) /*AB BLue RGBA*/;
    border-color: #fff;
}

We would love to know if this has worked for you. Thank you.

#3

Thank you so much for your help!

Although the effect is not quite the same, only the background changes color on hover, not all the other elements - “Find out more” text, the arrow element following it, and the “side horizontal bar” in the beginning. In the example website, when you hover over the background, different elements change their color. Here, I have to hover over each element in order to change it’s color…

By the way, I did get the background to change color by selecting the group and assigning hover color for it.

#4

Hey @kcreative,

You might also need to set the font color and border color for the hover of your grouped elements.

Hope this helps.

#5

Thank you for the link, but as stated above, they do not mention anything above activating “hover” at the same time for all the elements in the group - just like the example. This is what I am trying to achieve…

Thank you!

#6

Hi @kcreative,

Unfortunately, that is not possible with the Revolution Slider options and the grouping that you have mentioned. This is a customization process and the original website that you gave the link also has customization. This is outside of our support scope and you will need to contact a developer to implement the customization for you.

If you know your ways around CSS you can start your research for the customization here.

Thank you for your understanding.

#7

Thank you for the info, appreciate it!

#8

Thank you for understanding,

Have a nice day,

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.