如何在 wordpress 中更改 flexslider 箭头格式
How to change flexslider arrows format in wordpress
我在一个用阿拉伯语编写的网站上工作,我正在使用 flexslider 插件通过滑块显示 posts。
我想更改箭头的格式,因为该网站使用 rtl,右箭头指向下一个 post 而不是上一个。
因为我使用的是 Wordpress,flex 滑块插件会自动将箭头放置为法语格式,我找不到小部件显示的 html。
我正在尝试使用以下 CSS:
/* Direction Nav */
.flex-direction-nav .flex-next
{
background-position: 100% 0; right: 10px;
}
.flex-direction-nav .flex-prev
{
right: 45px;
}
.flexslider:hover .flex-next
{
}
.flexslider:hover .flex-prev
{
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover
{
opacity: 0.8;
}
.flex-direction-nav .flex-disabled
{
opacity: .3!important; filter:alpha(opacity=30);
cursor: default;
}
我终于通过添加这个 css 代码解决了这个问题
body[dir="rtl"] .flexslider
{
direction: ltr;
}
我在一个用阿拉伯语编写的网站上工作,我正在使用 flexslider 插件通过滑块显示 posts。
我想更改箭头的格式,因为该网站使用 rtl,右箭头指向下一个 post 而不是上一个。
因为我使用的是 Wordpress,flex 滑块插件会自动将箭头放置为法语格式,我找不到小部件显示的 html。
我正在尝试使用以下 CSS:
/* Direction Nav */
.flex-direction-nav .flex-next
{
background-position: 100% 0; right: 10px;
}
.flex-direction-nav .flex-prev
{
right: 45px;
}
.flexslider:hover .flex-next
{
}
.flexslider:hover .flex-prev
{
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover
{
opacity: 0.8;
}
.flex-direction-nav .flex-disabled
{
opacity: .3!important; filter:alpha(opacity=30);
cursor: default;
}
我终于通过添加这个 css 代码解决了这个问题
body[dir="rtl"] .flexslider
{
direction: ltr;
}