[Resolved] RTL Format

Hey there,

WPML has got you covered when it comes to right-to-left (RTL) languages like Arabic, Hebrew, Urdu, Kurdish, and Persian. If you're using a WordPress theme that's compatible with WPML and supports RTL, you can trust WPML to handle the translation from right to left seamlessly.

But, just so you know, WPML doesn't handle how your theme lays out RTL content. That's all about the CSS rules in your WordPress theme. So, if your theme and plugins are already set up to support RTL layouts, WPML will make sure your site's translations look just right.

Please check our documentation on WPML + RTL support: https://wpml.org/faq/does-wpml-have-rtl-support-right-to-left/

Here are some tips for the author of your theme in order for them to make sure the theme is fully compatible with RTL sites(https://wpml.org/documentation/theme-compatibility/build-rtl-wordpress-themes/):

- Create an RTL CSS File: Start by creating a new CSS file called "rtl.css" and place it in your theme's root directory. WordPress will load this file for RTL languages after the normal "styles.css" file, so it only needs to override attributes that need to change.

- Set Page Direction to RTL: In your "rtl.css" file, set the direction attribute in CSS to "rtl" for proper RTL display. Also, add the "unicode-bidi" attribute with the value "embed" to control the way characters are displayed inside the line. Here's an example:

{
  direction: rtl;
  unicode-bidi: embed;
}

- Adjust Text Direction, Floats, and Clears: Review your CSS for selectors related to text alignment, floating elements, and clearing. Ensure that any directions specified in these selectors are flipped from "right" to "left" to achieve the RTL layout.

- Modify Directional Graphics: If your theme includes graphics with directional meaning (e.g., arrows for navigation), make sure to provide mirrored versions for RTL languages. For example, if you use a right-pointing arrow for "next" in LTR, provide a left-pointing arrow for "next" in RTL.

- Consider Fonts: RTL languages may have different font requirements. If your theme relies on specific fonts, find suitable replacements for RTL languages. Ensure that these fonts exist and display correctly in RTL scripts.

- Test Your Theme in RTL: Change the language settings in your WordPress configuration to an RTL language. Use tools like WPML to add RTL languages to your site, translate theme texts, and create sample content. Test various types of content on your site, including posts, pages, the homepage, and custom content, to ensure they display correctly in RTL mode.

- Get Feedback: If possible, have someone who speaks the RTL language review your theme to catch any issues you might have missed. Their feedback can be valuable for fine-tuning the RTL compatibility of your theme.

- RTL Admin Compatibility (Optional): To provide a complete RTL experience, consider making the WordPress admin screens of your theme RTL-compatible. You can achieve this by using standard WordPress CSS classes for GUI elements. If you must use custom CSS for admin screens, test how it looks in an RTL language, and apply similar rules as for the front-end CSS.

- Reference Default WordPress Themes: You can refer to default WordPress themes as examples of themes that are perfectly adapted for RTL languages. Open these themes and examine their "rtl.css" files to see the changes made for RTL support.

At this point you might need to reach out to the theme's support with those instructions in case there's still something wrong with how RTL is handled in your site.

I also checked it and the theme doesn't appear listed as tested with WPML yet: https://wpml.org/theme/?wpv_view_count=119967&wpv-theme-category=0&wpv_post_search=hub&wpv-wpcf-recommendation-flag=&wpv_filter_submit=Search

Please refer them to our Go Global program in case they want to become fully compatible with WPML as well: https://wpml.org/documentation/support/go-global-program/

Thank you, please let us know if you still require any assistance and we'll do our best to help.