投资组合中的灯箱箭头出现问题（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代替您的CSS。

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