Сделать курсор рукой, когда пользователь наводит курсор на слайдер

Question

На домашней странице https://ilanwittenberg.com/ отображается полноэкранный слайдер. К сожалению, некоторые пользователи ПК не нажимают на экран, чтобы перейти на страницу Портфолио: https://ilanwittenberg.com/portfolio/

Есть ли способ изменить курсор с стрелки на руку, когда мышь находится над ползунком только на этой странице (при использовании ПК)?

Код ниже не работает:

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

Домашняя страница содержит следующий блок кода:

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;
}

Должен ли я внести изменения в этот код?

Ожидаемый результат состоит в том, что курсор мыши изменится со стрелки на руку при наведении курсора на полноэкранный слайдер, отображаемый на главной странице.

Answer 1

Использовать псевдоклассы в CSS:

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

Или, если необходимо, разделить классы:

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

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

Answer 2

Проблема решена с помощью следующего кода CSS:

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

Answer 3

.wcp-caption-plugin .image-caption-box не существует на этой странице.Попробуйте добавить это правило к .splash-logo