Question

我希望我的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;
}

Answer 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/

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

1 个答案: