How can I align text from left to right while keeping centered text in place?

Store Design
, , ,
1

Hello,

I want to align all the Ltl to Rtl and the centered text stays at the center..

Whenever i put the code it aligns all the text to the right even the centered ones.

Any help would be appreciated.

2

Could you share your store URL?

3

https://gramas.ae

4

Please put code to make your store to RTL style

5

I used this code in theme.liquid to enable RTL

{%- if shop.locale == 'ar' -%}

{%- else -%}

{%- endif -%}

And then i created a .css file in Assets and added the code below, it changed the font of all store not just the arabic language

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;800&display=swap');

body, p, div, span, h2, h1, h3, h4, h5, h6, [lang="ar"] {
  font-family: 'Tajawal', sans-serif;
  
}
6

Please add code so I can check and give you a solution to ensure centered text stays at the center.

7 
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;800&display=swap');

body, p, div, span, h2, h1, h3, h4, h5, h6, [lang="ar"] {
  font-family: 'Tajawal', sans-serif;
   text-align: right;
}

.centered-arabic {
  text-align: center;
}

[lang="ar"]:not(.centered-arabic) {
  text-align: right;
}