Hi jalaljoblo,

Thank you for reaching out.

To enable RTL alignment in Helix Ultimate, please follow these steps:

1. Install the Arabic language: https://prnt.sc/GFELBCwzPjKP You may also set it as the default language.
2. Enable Arabic as the content language: https://prnt.sc/cXrjnes6W6f9
3. Visit your site with the Arabic URL, e.g., http://yoursite.com/index.php/ar/pages/login

Please let me know if this resolves the issue.

Best regards

oh man, i didn't ask to give me a lecture on turning my website into dual language, my question was clear and you have gone way off course.

my template is default shaper_helixultimate template my site is already multilingual as supposed the Username and the verification code labels are aligning on the left while it should align to the right.

Note: I don't know why I can't insert a related screen shot in this post, so please see this link. https://www.emiratesjo.com/ar/%D8%B9%D9%86-%D8%A7%D9%84%D9%85%D9%88%D9%82%D8%B9

You are almost there brother, go first to https://www.emiratesjo.com/ar/?option=com_users&view=login&return=aW5kZXgucGhwP29wdGlvbj1jb21famJ1c2luZXNzZGlyZWN0b3J5JnZpZXc9dXNlcm9wdGlvbnMmSXRlbWlkPTM3MA==&Itemid=370

Then: نسيت كلمـة المرور؟ forgot password? or forgot username? https://www.emiratesjo.com/ar/%D9%86%D8%B3%D9%8A%D8%AA-%D9%83%D9%84%D9%85%D8%A9-%D8%A7%D9%84%D9%85%D8%B1%D9%88%D8%B1%D8%9F

It will ask for your email عنوان البريد الإلكتروني Now enter my email :

Next you will be faced with the problematic page where you will be asked for username and the verification code. On this preticular page, you will notice that the input lables are posioned on the left side. Those two lables actually should be aligned on the right as it is required by RTL format.

Yes body. please fix this bug which exsists in all sp templates. mainly on default shaper_helixultimate template.

great regards

salam, what's cooking???

Hello Jalaljoblo,

The RTL layout for this form is being overridden by template.css from Helix Ultimate. To fix this for now, please add the following custom CSS:

body.rtl .form-horizontal .control-label {
    float: right;
    text-align: right;
}

You can refer to the Helix documentation on adding custom CSS here: Helix Documentation.

We've also noted these issues for resolution in an upcoming template release. Thank you for your time and investigation!

Thank you boddy, you were so helpful.