尝试将flexslider控件移动到滑块窗口的中间

Question

我在wordpress中有一个使用flexslider的主题。不幸的是，它设置控件的方式和标题显示在滑块窗口的底部。我想将滑块的控件移动到滑块的中间（每侧一个），并将阴影标题栏移到顶部。

我已经尝试阅读文档，但我找不到我要找的东西，并且在检查员中摆弄css也没有改变任何东西。任何有关如何做到这一点的帮助都会很棒。

这是我的网站，因为它正在运行滑块

http://test.encorelab.org/

Answer 1

打开flexslider.css并进行以下更改：

.flex-caption {
    bottom: 0px /* REMOVE THIS LINE */
    top:0px; /* ADD THIS */
}

.flex-direction-nav li .prev {
    left: 0;
    top: 48%;
}

.flex-direction-nav li .next{
    right: 0;
    top: 48%;
}

理想情况下，您应该完全剥离flexslider.css中的所有内容，并从头开始做到最小化膨胀，但上述内容将为您提供短期内所需的内容：）

还建议您熟悉Chrome开发者工具 - 网络开发人员最好的朋友！