Question

所以我有一个名为DotsAndDashes的自定义Nivo滑块主题，我有一些问题，我正在努力通过主题的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的覆盖范围内。这样就不会像忘记主题中的某些内容或将某些内容更改为其他不应更改的内容一样容易出错（仅举一个示例）。希望这会有所帮助。

Nivo Slider导航样式问题

1 个答案: