Как изменить формат стрелок FlexSlider в WordPress - PullRequest
Новая
       43

Как изменить формат стрелок FlexSlider в WordPress

0 голосов
/ 14 октября 2018

Я работаю над сайтом, написанным на арабском языке, и использую плагин flexslider для отображения сообщений с помощью ползунка.

left and right arrows

IЯ хочу изменить формат стрелок, потому что веб-сайт использует rtl, а стрелки вправо указывают на следующий пост вместо предыдущего.

Поскольку я использую 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;
}

1 Ответ

0 голосов
/ 14 октября 2018

Я наконец решил проблему, добавив этот код CSS 

body[dir="rtl"] .flexslider
{
    direction: ltr;
}
...