投资组合中的灯箱箭头问题(wordpress)
Problem with the Lightbox arrows in Portfolio (wordpress)
我正在尝试修改我的灯箱作品集。因为我改变了箭头,但现在我需要稍微复杂一点的修改。
检查并单击任何照片: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;
}
谢谢
试试这个 CSS 而不是你的。
.wppap-img-grp .slick-arrow{display:none !important;}
.wppap-img-grp:hover .slick-arrow{display:block !important;}
我正在尝试修改我的灯箱作品集。因为我改变了箭头,但现在我需要稍微复杂一点的修改。 检查并单击任何照片: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;
}
谢谢
试试这个 CSS 而不是你的。
.wppap-img-grp .slick-arrow{display:none !important;}
.wppap-img-grp:hover .slick-arrow{display:block !important;}