带有居中方向箭头的全宽度flexSlider

Question

我在全宽模式下使用flexSlider
对于我正在建设的网站。见这里：
http://clients.tipoos.com/glam/
请注意该网站有滑块的全宽部分，但所有其他内容 使用名为 .main

的一致类进行居中

我想要完成的事情看起来很简单，但我无法让它发挥作用： 我想保持滑块的全宽，但像箭头那样居中：

我试着写小Jquery用div包装箭头但它没有用 换行和 wrapAll 都没有工作..

将不胜感激任何帮助 感谢

Answer 1

找到解决方案。希望它能帮到这里的任何人。 为了使箭头居中但仍具有全宽度滑块 我使用了以下CSS：

.flexslider .flex-direction-nav {
  margin: 0 auto !important;
  max-width: 980px;
  position: relative;

}

说明：

保证金：0自动！重要;
这使箭头容器居中

max-width：980px;
根据您的网站宽度给出固定的宽度

职位：相对;
这就是魔术。它允许箭头位于主div内部

我还在箭头上添加了负顶位，但这只是在我的情况下 希望能帮到任何人。