Проблема со стрелками лайтбокса в портфолио (WordPress)

Question

Я пытаюсь изменить свое портфолио лайтбокса. Так как я изменил стрелки, но теперь мне нужно немного более сложную модификацию. Проверьте и нажмите на любую фотографию: https://iconsmgmt.com/models/

Какой код CSS должен измениться, чтобы стрелки появлялись только тогда, когда курсор ставит на фотографию?

.wppap-img-grp button.slick-prev, .wppap-img-grp button.slick-prev:hover, .wppap-img-grp button.slick-prev:focus {
    right: -10px;
    opacity: 1;
}
.wppap-img-grp button.slick-next, .wppap-img-grp button.slick-next:hover, .wppap-img-grp button.slick-next:focus {
    left: -10px;
    opacity: 1;
}

Спасибо

Answer 1

Попробуйте этот CSS вместо вашего.

.wppap-img-grp .slick-arrow{display:none !important;}
.wppap-img-grp:hover .slick-arrow{display:block !important;}