有沒有辦法來定義我的Nivo滑塊的高度和寬度？

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滑塊繼承其父容器的寬度。此時在管理員中沒有設置來調整寬度。但是，您可以輕鬆添加一些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/