CSS - Pages - RTL

Community Resources
1

image
image1920×1049 105 KB

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);

}
1 Like
2

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.

2 Likes
3

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