html - 有没有办法定义我的 Nivo slider 的高度和宽度？

Question

我希望我的 nivo slider 具有 720 像素的高度，这意味着 slider 中的图像将相应地裁剪。

<div class="slider-wrapper theme-default">
    <div id="slider" class="nivoSlider nivo-box">
      <img src="images/beach.jpg" />
      <img src="images/beach2.jpg" />
      <img src="images/beach3.jpg" />
      <img src="images/beach4.jpg" />
      <img src="images/beach5.jpg" />
    </div>
</div>

我试图覆盖#slider div 中的样式，但没有成功，这些是我的自定义样式:

#slider{
    height: 720px;
    overflow: hidden;
}

Answer 1

Nivo Slider 继承了其父容器的宽度。此时管理员中没有设置来调整宽度。但是，您可以轻松地添加一些 CSS 来进行此更改。

要调整 Nivo slider 的大小，您只需将所需的高度设置为其容器 DIV，即 .slider-wrapper。您可能希望将以下 CSS 添加到您的设计中:

 .slider-wrapper {
    height: 720px;
}

来源:http://www.corecommerce.com/kb/89177/how_do_i_change_the_size_of_the_nivo_slider来源:http://www.oik-plugins.com/wordpress-plugins-from-oik-plugins/wordpress-plugins/oik-nivo-slider/oik-nivo-slider-faq/controlling-the-height-of-the-nivo-slider/