css - 将固定宽度设置为 Nivo Slider

Question

我使用免费下载中包含的演示代码安装了 Nivo Slider。

我包含在 slider 中的所有图像都是 800 像素宽。

但是，它们的大小正在调整为 1440 像素宽。正在插入额外的代码:

<img src="images/bar.jpg" data-thumb="images/bar.jpg" alt="" title="" style="display: none; width: 1440px;">

我搜索了 CSS 和 JS，没有找到 1440。

这个宽度是在哪里设置的？

Answer 1

Nivo Slider 默认是响应式的，如果你想限制 slider 的宽度，在你的 CSS 中使用下面的类

.slider-wrapper.theme-default {
   width: 800px; /* Desired width */
}

---

如果你使用 nivo slider 的 default 主题，上面的方法将起作用，如果你使用其他主题，而不是简单地将 .theme-default 更改为特定主题分配给 slider 包装器的 class。