Nivo Slider 导航样式化问题

Question

所以我有一个名为 DotsAndDashes 的自定义 Nivo Slider 主题，我遇到了几个问题，我正在努力通过主题的 CSS 表解决。

第一个，如上所述，与导航箭头有关，nextNav 今天早上面对错误的方向。我对 CSS 进行了修改，现在是这样的：

.theme-DotsAndDashes .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(wp-content/uploads/nivo-themes/DotsAndDashes/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;

.theme-DotsAndDashes:hover .nivo-directionNav a { opacity: 1; }
.theme-DotsAndDashes a.nivo-nextNav {
background-position:-30px 0;
right:15px;
.theme-DotsAndDashes a.nivo-prevNav {
left:15px;

暂时，我现在没有任何箭头，也无法真正理解为什么会这样......

另一个问题涉及缩略图的缩放。目前它们居中，但理想情况下，我需要根据给定画廊中拇指的数量成比例地改变它们的大小......

提前致谢！

Answer 1

我注意到的第一件事是您的 arrows.png 上的加载资源失败错误。所以这就是为什么它们不可见，因为它们找不到。 其次，当您几乎不做任何更改时，为什么要为 nivo 创建一个完整的主题？这些少量的小改动可以很容易地合并到您的主 CSS 中，就像覆盖原始 CSS 一样。这样就不太容易出错，例如忘记主题中的某些内容或将某些内容更改为不应更改的其他内容（此处仅举一个示例）。 希望这会有所帮助。