Flexslider和Right-to-Left语言支持

Mat*_*e.8 8 jquery right-to-left flexslider

我在WordPress上安装了一个包含Flexslider的模板.我的语言是从右到左(RTL)编写的.当页面为RTL时,Flexslider停止并且不显示任何图像.我该如何解决这个问题?

小智 11

flex滑块不支持rtl语言.修复它的唯一方法是使div保持滑块direction: ltr

  1. 在你的主题上,如果主页上的滑块找到一个名为index.php的文件,找到持有滑块的div以及所有这些代码, style="direction:ltr;" 这将完美显示你的文章

  2. 要从rtl修复文本方向,请在主题上找到一个名为flexslider.css的文件,并在包含代码的行上 .flexslider .slides > li{(对我来说是第25行)添加:
    text-align:right;
    direction:rtl;

这两个步骤为我修好了.祝好运


mar*_*ape 8

fatma的回答对我不起作用.什么有效是.flex-viewport通过设置修改direction: ltr:

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s  ease; transition: all 1s ease; direction: ltr; }
Run Code Online (Sandbox Code Playgroud)