html - 是否可以定义Nivo滑块的高度和宽度？

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

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

最佳答案

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/

关于html - 是否可以定义Nivo滑块的高度和宽度？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22240244/