时间戳

首页 > 解决方案 > 在页面中心移动 FlexSlider

php - 在页面中心移动 FlexSlider

问题描述

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

在此处输入图像描述

新站点：（登录是用户名/密码）

在此处输入图像描述

这是指向受影响页面的链接。（以前必须登录）

我试图插入这个 CSS：

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

但这只是设置在块的中心，而不是页面的中心，作为第一个站点。任何帮助如何像第一个链接网站一样进入中心？谢谢

标签： phpcsswordpressflexslider

解决方案

尝试

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

推荐阅读