Css 在Squarespace上交换移动视图的文本块顺序

我已经在Squarespace上问过这个问题，但没有得到任何帮助，我变得绝望了（悲伤的脸）。所以我希望这里的人可能更友好一点：D

我想知道是否有人愿意（请漂亮一点）为我写一个类似于Aarnaa在文章中得到的代码。我没有任何代码方面的经验，并且已经尽我最大的努力将一些东西混合在一起将近一个星期了，但不幸的是没有成功

我正在为阿曼妇女慈善机构创建一个网站，该网站的一部分需要用阿拉伯语，阿拉伯语从右到左阅读。我遇到的问题是，文本块也必须从右向左读取。这在桌面上看起来不错，但当我在手机上查看页面（下面的链接）时，它会以一种不再有意义的方式（2,1,4,3,6,5）将页面堆叠起来并排序

为了解决这个问题，移动设备上的块需要从右向左读取，以便块1位于块2之前（即使在桌面版本中块1位于页面的右侧）。希望这有意义

如果有人能帮助我，我将永远感激

提前非常感谢你，

---

Sim

将此类添加到您的css

[class*=sqs-col] {
    float: right !important;
}

在html中，像这样改变顺序

<div class="col sqs-col-4 span-4">...... 2.....</div>
<div class="col sqs-col-4 span-4">...... 1.....</div>

---

将此添加到您的css文件中

Simona，尝试一下！告诉我你的想法

我可以修改此代码与您的网站，如果你想工作

这是该示例中最重要的代码

@media screen and (max-width: 767px) {
  .rowname {
    display: flex;
    flex-direction: column-reverse;
  }
}

---

你好，RenzoCC谢谢你的回复！Squarespace只支持CSS。因此，当我粘贴[class…code]时，它在桌面而不是移动设备上交换了顺序。当我粘贴其他代码时，它没有任何区别。是的，这很有效！！！谢谢谢谢！有两个（小）问题1）它只对前2个块执行了操作2）代码应用于整个网站，并且弄乱了一些页面，代码能否仅应用于特定页面？谢谢！如果有帮助，请竖起大拇指；）对不起，伦佐，我无意中按下了“发送”。代码工作了，但有一些问题，你还能看一下吗轻松？我在上面编辑了我的答案“有两个（小）问题1）它只对前2个块进行了处理2）应用于整个网站的代码，并且弄乱了一些页面，代码能否仅应用于特定页面？谢谢你'代码已更新，这将阻止代码应用于整个网站，对于你的第一个错误，我将使用为此，您可能需要在3号和4号容器中至少添加一些额外的类…只有那些受到影响…我正在为您编写一个示例！抓紧。谢谢！我会的！嘿，Ricky！谢谢，但它不起作用。RenzoCC的最后一段代码似乎起作用，但现在有一些问题。

@media  (max-width: 600px) {
    div#yui_3_17_2_1_1497969035108_70 .sqs-row{
      display: flex !important;
      flex-direction: column-reverse !important;
    }

}

@media screen and (max-width: 767px) {
  .rowname {
    display: flex;
    flex-direction: column-reverse;
  }
}