Question

我在小型网站上工作，但FlexSlider的位置有问题。我将相同的模板用于2个站点，但使用不同的语言。现在，当我从第二个站点复制CSS时，它不会应用更改，并且画廊在第二个站点上看起来有所不同。用图像解释。 Original Site ：

New Site ：（登录名是用户/密码）

这是link到受影响的页面。（以前必须先登录）

我尝试插入此CSS：

/* Gallery Center */
.col-lg-7 {width:100%;}
.flex-active-slide {
  text-align: center;
}

但这只是设置在第一个站点的块中心，而不是页面的中心。对如何获得第一个链接站点之类的中心有帮助吗？谢谢

Answer 1

尝试

/* Gallery Center */
.col-lg-7 {min-width:100%;}
.flex-active-slide {
  text-align: center;
}

浏览器可能会基于此进行缩放，或者您可以在页面宽度上创建单独的DIV，然后使用margin: auto;作为内容，并将滑块放在其中。

.centerslider {
min-width: 100%;
margin-left: auto;
margin-right: auto;
}

.slidercontents {
text-align: center;
}

<div class=centerslider>
<div class=slidercontents>
<h1>Place the slider here</h1>
</div>
</div>