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中。这样就不容易出现错误，比如忘记主题中的某些内容或将某些内容更改为不应该更改的内容（这里只举一个例子）。希望这能有所帮助。