[Raul MParticipant]

Hi X Team

I would like to have a finger instead the cursor when you hover over linked items on Revolution Slider. I have this issue on my one page navigation. Only the buton change the cursor but for the rest of linked elements is not working (for example the days on the schedule or the logos on the last section of the page (3r tab)

http://awaodoriparis.com/fr/home2016/

Can you please tell me how to fix this – I want there to be a finger indicating that it is something that can be clicked.

Thanks for your help!
Raul

[ThaiModerator]

Hi Raul,

Please add the following CSS under Customizer > Custom > Global CSS:

#slide-93-layer-17,
#slide-93-layer-18,
#slide-93-layer-19 {
    cursor: pointer !important;
}

Hope it helps 🙂

[Raul MParticipant]

Hello Thai,

Thanks for your help.

It’s works for the first yellow slider.
I tried to find the other layers references by myself but I couldn’t (I don’t know how do you find the layer number)

I do those I can found but I’m even not sure about they are the good ones:

#slide-93-layer-17,
#slide-93-layer-18,
#slide-93-layer-19,
#slide-109-layer-13,
#slide-113-layer-26

Can you please explain me how to find the good layer or if it’s possible to complete the linkable layers on the page

http://awaodoriparis.com/fr/home2016/
Yellow > OK

23/24/25 + when you click inside you have links to again go through 23/24/25
And
ILS NOUS SOUTIENNENT on the 3 tabs + inside

And for the Japanese version of the website
http://awaodoriparis.com/jp/home-jp-2016/

THANKS

[ChristopherModerator]

Hi there,

Please add this as well:

div#slide-111-layer-27, div#slide-111-layer-28, div#slide-111-layer-29,div#slide-109-layer-25,div#slide-109-layer-26,div#slide-112-layer-29,div#slide-112-layer-30 {
    cursor: pointer !important;
}

You can inspect elements with chrome developer tools.

Hope it helps.

[Raul MParticipant]

Perfect!
It’s working and I found the way to reach the layers.

Thanks a lot
Raul

[ThaiModerator]

You’re most welcome 🙂

If you need anything else please let us know.

[sonofzellParticipant]

Hi!

I use the Rev Slider for menus often… On any slider layer that has “layer hover” attribute enabled, you can actually change the cursor behavior within the Slider Revolution interface.

With the layer selected, activate the “Style” tab, then open the “Advanced Style” panel by clicking the arrow icon on the style tab and enable “Layer Hover” (I assume you’ve done all of this already, based on your posts above).

On that same panel, there is a drop-down box that allows you to select the behavior of the cursor when hovered on your layer. “Pointer” is the option that gives you the pointer finger style cursor on the front-end.

I personally find this much more convenient than applying the hover attributes via css, but that’s just my preference. I just wanted to point out the option for any others looking to add this behavior.

Cheers,

Kirk

[RahulModerator]

Hey Kirk,

Thanks for the input. Really appreciated!

Of course, it would really be helpful if someone wants to go with a different way to change the cursor functionality.

Thank You.

[Author]

Posts