How to code a Refrch theme for RTL in Arabic

[MohKhaled]

I am using Refresh theme, Is there a way to make the Arabic text orientation RTL ?

[BSSCommerce-B2B]

Hi @MohKhaled ,

You can try this way: 

1.  Please navigate to Online store => Themes => Edit code.

2.  Search for the file base.css, theme.css, styles.css or theme.scss.liquid (depend on your theme). And add this code snippet to the end of the file.

/* Set Arabic text orientation to RTL */
body {
    direction: rtl !important;
    text-align: right !important;
}
/* OR */
/* Apply RTL only to a specific section with Arabic content */
.arabic-text {
    direction: rtl !important;
    text-align: right !important;
}

3. Save the changes, and your Arabic text should now be displayed in RTL orientation. 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!