Question

在我使用的主题中，有一个短代码制作googd手风琴。我正在制作网站RTL。 Accordian的标题和内容是RTL。但加号（正方形）不遵循添加的CSS规则。我想知道是否有人可以帮我制作加号RTL。

HTML代码如下，

<div id="text-13" class="widget widget_text">
    <div class="textwidget">
        <div class="accordian">
            <h5 class="toggle">
                <a href="#">
                    <span class="arrow">
                    </span>
                    title
                </a>
            </h5>
            <div class="toggle-content " style="display: none;">
                text
            </div>
            <h5 class="toggle">
                <a href="#">
                    <span class="arrow">
                    </span>
                    title
                 </a>
             </h5>
             <div class="toggle-content " style="display: none;">
                 text
             </div>
             <h5 class="toggle">
                 <a href="#">
                     <span class="arrow">
                     </span>
                     title
                 </a>
             </h5>
             <div class="toggle-content " style="display: none;">
                 text
             </div>
         </div>
     </div>
 </div>

和添加的CSS规则是，

#text-13 .textwidget .accordian .toggle-content {
    font-family: bkoodak !important;
    direction: rtl !important;
    text-align: justify !important;
}
#text-13 .textwidget .accordian h5.toggle a {
    font-family: bkoodak !important;
    direction: rtl !important;
    float: right !important;
}

Answer 1

试试这个：

h5.toggle span.arrow {
    float:right;
    direction:rtl;
    margin-left:10px;
    font-family:bkoodak;
}

Answer 2

在.arrow添加属性中“2073”行的style.css类中，如下所示：

 h5.toggle span.arrow {
        float:right;
        direction:rtl;
        margin-right:0;
        margin-left:17px;
        }

您的表单也需要为rtl，在.gform_fields类中添加此属性：

.gform_fields{
direction:rtl;
text-align:right;
}

موفقباشید：）

我有一个手风琴短代码，但不能使它成为RTL

2 个答案: