Skip to content Skip to sidebar

Home › Support › English Support › [Resolved] Arabic letters shows broken and gap between the letters

[Resolved] Arabic letters shows broken and gap between the letters

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

Problem:
If you're experiencing an issue where Arabic text, such as the title of content, is displaying with broken letters and gaps between them,
Solution:
1) The problem is likely due to the CSS attribute 

Letter-Spacing

. You can either disable this attribute or reduce its value to resolve it. This can be done by writing separate CSS for the Arabic headings or by editing the translated pages using Elementor and modifying the heading element. Here is a helpful video: https://files.fm/f/q6vznmwnz

2)

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: 

This topic contains 2 replies, has 2 voices.

Last updated by Osama Mersal 3 years, 8 months ago.

Assisted by: Osama Mersal.

Author Posts
November 2, 2021 at 8:08 am #9906031

babu-farooqH

Tell us what you are trying to do?
Some text in Arabic for example title of the content shows letters broken and gap between the letters.how can we solve this issue ?
Is there any documentation that you are following?

Is there a similar example that we can see?
i will upload an screenshot
What is the link to your site?
hbh.com.sa

a2.PNG
a1.PNG
November 2, 2021 at 8:15 am #9906093

babu-farooqH

Hi Support Team ! can you please help on this issue?
November 2, 2021 at 9:07 am #9906639

Osama Mersal
WPML Supporter since 02/2020

Languages: English (English ) Arabic (العربية )

Timezone: Africa/Cairo (GMT+03:00)

Hi,

Thanks for contacting WPML forums support. I'll be glad to help you today.

1) I've checked your issue and found that the issue happens because of the CSS attribute "Letter-Spacing". When disabling this attribute or reducing the value, the issue would be fixed. (Kindly check this video hidden link)

In order to do that, you would need to write a separate CSS for the Arabic headings or edit the translated pages using Elementor and edit the heading element.

2) It's not related to the issue, but according to your Debug.info, the WP memory limit needs to be increased. PHP memory is fine, but WordPress uses 40Mb as default. Minimum requirements for WPML are 128Mb. (Kindly check this page https://wpml.org/home/minimum-requirements/)

Add this to the top of wp-config.php to increase WP memory:

/** Memory Limit */
define('WP_MEMORY_LIMIT', '256M');
define( 'WP_MAX_MEMORY_LIMIT', '256M' );

I hope this helps you. If you need further info, please let me know.

Best regards,
Osama