Can I adjust letter spacing for different languages on my website?

Store Design
,
1

I have 2 languages in my website, English and Arabic.

In English Version, I have the font letter spacing .2em, but In Arabic Version too has font letter spacing of .2em

Is it possible to have different font letter spacing for the other language,

Please help with the code.

2

Yes, it is possible to have different font letter spacing for different languages on your website. To achieve this in Shopify, you can use CSS and target specific elements based on the language class applied to the HTML tag.

Here’s an example of how you can set different font letter spacing for the Arabic version of your website:

  1. Identify the language class: In your Shopify theme, the HTML tag usually has a language class assigned to it based on the selected language. For Arabic, it might be something like <html lang="ar" dir="rtl" class="lang-ar">. Take note of the language class used for Arabic.

  2. Add CSS code: In your theme’s CSS file or the Additional CSS section in the theme editor, you can target elements within the Arabic version using the language class and apply a different font letter spacing. For example:

.lang-ar .your-element-class {
  letter-spacing: 0.1em; /* Adjust the desired letter spacing for Arabic */
}

In the above code, replace .your-element-class with the class name or selector of the specific element(s) you want to target, such as headings or paragraphs. Adjust the letter-spacing value to the desired spacing for Arabic text.

  1. Save the changes: After adding the CSS code, save your changes and preview your website. Make sure to switch to the Arabic version to see if the font letter spacing is applied correctly.
3

In my html code it is showing

4

Hello @sudishandv

Could you please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution?

5

https://moonlight-concept.myshopify.com/

this is the store url