Make the cursor a hand when a user hovers over a slider

Question

The home page of https://ilanwittenberg.com/ displays a full-screen slider. Unfortunately, some PC users fail to click on the screen to move onto the Portfolio page: https://ilanwittenberg.com/portfolio/

Is there a way to change the cursor from an arrow to a hand when the mouse hovers above a slider on that page only (when using a PC)?

The code below did not work:

.wcp-caption-plugin .image-caption-box {
    cursor: pointer !important;
}

The home page contains the following Code Block:

html{
overflow:hidden;
}
body{
cursor:pointer !important;
}
#fullscreen_slider_0{
z-index:0;
}
#wpadminbar{
display: none !important;
}
.content, .container{
padding: 0 !important;
min-height: 0 !important;
}
#top.avia-blank #main .container_wrap:first-child{
border: none !important;
}
#top.avia-blank #wrap_all #main{
border: none !important;
}

Should I make changes to this code?

The expected result is that the mouse cursor will change from an arrow to a hand when hovering above the full-screen slider showing on the homepage.

Answer 1

.wcp-caption-plugin .image-caption-box dont appear to exist on that page. Try adding that rule to .splash-logo

Answer 2

Use pseudo-classes on CSS :

.wcp-caption-plugin:hover .image-caption-box:hover {
    cursor: pointer !important;
}

Or separate the classes if needed :

.wcp-caption-plugin:hover {
    cursor: pointer !important;
}

.image-caption-box:hover {
    cursor: pointer !important;
}

Answer 3

Issue resolved with the following css code:

.splash-logo:hover {
cursor: pointer !important; 
}