jquery - 尝试将 flexslider 控件移动到 slider 窗口的中间

Question

我在使用 flexslider 的 wordpress 中有一个主题。不幸的是，它设置控件的方式和标题出现在 slider 窗口的底部。我想将 slider 的控件移动到 slider 的中间(每侧一个)，并将带阴影的标题栏移动到顶部。

我已经尝试阅读文档，但找不到我要找的东西，并且在检查器中摆弄 css 也没有改变任何东西。任何有关弄清楚如何执行此操作的帮助都会很棒。

这是我的网站， slider 正在运行

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 开发者工具 - 网络开发者最好的 friend !