A user is experiencing text alignment issues on their Arabic-language Shopify store, where text inside form input boxes displays left-to-right instead of the required right-to-left direction.
Affected Pages:
Solution Provided:
A CSS fix was shared to address the alignment issue:
text-align: right !important; and positioning adjustmentsCurrent Status:
The solution successfully fixed the sign up and login pages. However, the contact us page still requires adjustment, and the user is seeking guidance on modifying the code for that specific page. The discussion remains open as the issue is partially resolved.
Hello All,
I am using Arabic language on my website, so the text alignment will be for right to left.
In the sign up page there are boxes with text inside, which you sign up using email and password.
The text inside the boxes is reflecting form left to right, how can I make from right to left?
Thanks
Hi @jadnayif
Would you mind to share your store URL? Thanks!
Hi @Made4uo-Ribe ,
Thank you for your respond.
Sure, kindly note that this issue occurs in each box the customer can fill info.
login page and contact us page only.
Thanks for the info, check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.customer .field label {
position: absolute;
right: 10px;
}
.customer:not(.account):not(.order) {
text-align: right !important;
}
And Save.
result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Thank you @Made4uo-Ribe that worked just perfect.
I was trying to apply the same code on contact us page but I think something should be changed in it.
Can you please advice?
Sorry that I didn’t mention that earlier, I thought that all boxes can be fixed using the same code.
