有没有办法定义我的 Nivo 滑块的高度和宽度？

【问题标题】：Is there a way to define the height and width of my Nivo slider?有没有办法定义我的 Nivo 滑块的高度和宽度？
【发布时间】：2014-03-07 02:25:05
【问题描述】：

我希望我的 nivo 滑块的高度为 720 像素，这意味着滑块中的图像将相应地剪辑。

<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;
}

【问题讨论】：

标签： html css nivo-slider

【解决方案1】：

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

要调整 Nivo 滑块的大小，您只需将所需的高度设置为其容器 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/

【讨论】：