Arabic page phone number order

This thread is resolved. Here is a description of the problem and solution.

Problem:
The client wants the phone number on Arabic pages to display in the same order as on English pages, instead of being reversed due to Right-to-Left (RTL) text direction.

Solution:
We recommend adding custom CSS to override the RTL directionality for specific elements where the phone number is displayed. You can do this by going to Appearance > Customize > Additional CSS in your WordPress dashboard and adding the following code:

.fusion-content-boxes .fusion-column:lang(ar), .fusion-checklist:lang(ar) {<br />    direction: ltr;<br />}

Please note that this solution may become irrelevant over time due to updates or changes in your theme or plugins. If this solution does not apply to your case, or if you encounter any issues, we highly recommend checking the related known issues, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If you still need assistance, please do not hesitate to open a new support ticket with us.

0% of people find this useful.

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Tagged: Not WPML issue

This topic contains 3 replies, has 2 voices.

Last updated by Mohamed Sayed 1 year, 5 months ago.

Assisted by: Mohamed Sayed.

Author	Posts
January 29, 2024 at 2:52 pm #15239206
khalidZ-3	I want the phone number in Arabic pages to be the same as in English, not in reverse order, is there a way to do it? Error Page: hidden link Picture attached, please help.
January 29, 2024 at 10:01 pm #15241039
Mohamed Sayed	Hi Khalid, Thanks for contacting WPML support. This is not a translation issue, the theme adds RTL direction for those elements which makes the numbers appear reversed. Please add the following CSS to Appearance > Customize > Additional CSS section: .fusion-content-boxes .fusion-column:lang(ar), .fusion-checklist:lang(ar) { direction: ltr; } Kind regards, Mohamed
January 30, 2024 at 11:32 am #15242950
khalidZ-3	hello, when I edit English pages, how to not let English version automatically applied to Arabic version? Cuz Arabic version is all a mess, I edit the Arabic design again and again, it goes back to before (alignment is a mess) Please help, picture attached. Error page:hidden link
January 31, 2024 at 10:47 am #15248522
Mohamed Sayed	To achieve this you can use the WP editor to edit the translation of this page instead of the WPML translation editor. This will stop syncing the two versions then you can update each translation manually if needed. Please create a backup then try the following: 1. Edit the page in the default language 2. In the Language meta box, choose the WordPress Editor to translate the page instead of the WPML Translation Editor 3. In the pop-up dialog that appears, select "This page" After that, you can edit the Arabic version manually to change the alignment and the changes won't be affected when you edit the original page.