# CSS - Pages - RTL

**URL:** <https://community.glideapps.com/t/css-pages-rtl/56324>\
**Category:** Community Resources\
**Tags:** tutorial\
**Created:** [January 4, 2023, 2:05pm UTC](https://community.glideapps.com/t/css-pages-rtl/56324 "2023-01-04T14:05:08Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gideon\_Lahav\_Busines](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gideon_lahav_busines/32/41121_2.png) [@Gideon\_Lahav\_Busines](https://community.glideapps.com/u/Gideon_Lahav_Busines)\
**Post date:** [January 4, 2023, 2:05pm UTC](https://community.glideapps.com/t/css-pages-rtl/56324/1 "2023-01-04T14:05:08Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/f/afbfcda27b4fcb28b4136aa3398a9c5340718163.jpeg)

```auto
main {
  text-align: start;
  direction: rtl;
}

[class="mobile-tab-bar___StyledDiv2-sc-31qrn7-1 jzHsuz main-nav"] {
  text-align: start;
  direction: rtl;
}

[class="mobile-nav-bar___StyledDiv-sc-15t4b3x-2 isQoDT"]{
  text-align: start;
  direction: rtl;
}

[class="mobile-sidemenu___StyledUl-sc-21sqr6-5 iYBMFc"] {
  text-align: start;
  direction: rtl;
}

[class="sc-gsTCUz bvHOLJ card-collection-list___StyledGlideIcon-s6kvv4-14 jjKuvc arrow"] {
    transform: rotate(180deg);

}

[class="wire-button___StyledDiv-sc-1tlscdy-1 hDGVXA"] {
    transform: rotate(180deg);

}

```

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 5, 2023, 12:58am UTC](https://community.glideapps.com/t/css-pages-rtl/56324/2 "2023-01-05T00:58:32Z")

</div>

There’s no guarantee that the random class names in there, e.g: mobile-tab-bar\_\_\_StyledDiv2-sc-31qrn7-1 jzHsuz, mobile-nav-bar\_\_\_StyledDiv-sc-15t4b3x-2 isQoDT would be the same for every device, or every Glide user. If that’s the case I don’t think this is safe to use.

---

<div class="post-metadata">

**Author:** ![Gideon\_Lahav\_Busines](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gideon_lahav_busines/32/41121_2.png) [@Gideon\_Lahav\_Busines](https://community.glideapps.com/u/Gideon_Lahav_Busines)\
**Post date:** [January 8, 2023, 8:39am UTC](https://community.glideapps.com/t/css-pages-rtl/56324/3 "2023-01-08T08:39:50Z")

</div>

Can you help with this? to make it more general?