css - nivo滑块的定位

Question

我在我的网站上更改了 Nivo 滑块和标题的大小，现在图像和滑块偏离中心并且偏左。我希望它以上面的导航栏为中心。有人可以帮助我吗？

目前，我有以下CSS滑块、图像和标题属性：

.nivoSlider {
  position:absolute;
  width:850px; 
  height:400px;  
  overflow:hidden;
}
.nivoSlider img {
  position:relative; 
  width:850px; 
  height:400px; 
  overflow:hidden; 
  top:0px; 
  display:none;
}
.nivoSlider a {
  border:0; 
  display:block;
}
.nivo-caption {
  position:absolute;  
  bottom:0; 
  background:#09dcc7; 
  padding:5px 5px 5px 5px; 
  z-index:8; 
  overflow:hidden;
}

Answer 1

如果你只想让它居中，你可以margin: 0 auto;在滑块包装上使用：

CSS

#slider-wrapper-full {
    height: 400px;
    margin: 0 auto;      /* Add this line */
    overflow: hidden;
    padding-top: 10px;
    width: 850px;
}

Answer 2

当答案出现时，我正在尝试一种不同的不太优雅的方法。

在文件 style.css 中，搜索#slider-wrapper-full并替换

"padding-top:10px;" 

和

"padding: 10px 0px 0px 75px;"

但是，正如@Zuul 所指出的那样，添加该行会更好，margin: 0 auto;它将使您对 nivo 滑块大小所做的其他更改保持居中。