Skip Navigation

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

Problem:
In the Arabic version of articles on a bilingual website using the 'Rowling' theme, the author name and date do not align to the right as expected for RTL languages, causing layout issues.
Solution:
We recommend checking if the theme supports RTL layouts as WPML relies on the theme for such features. If the theme supports RTL, you can add custom CSS to correct the alignment. Insert the following CSS in the custom CSS section of your theme:

:lang(ar) .post-meta {<br />    float: right !important;<br />    margin-right: 0 !important;<br />    margin-left: 2.5% !important;<br />}<br /><br />:lang(ar) .single-post .post-inner {<br />    padding-right: 0 !important;<br />}

This CSS should help align the author name and date correctly for the Arabic version of your articles.

If this solution does not apply to your case, or if it seems outdated, we highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If further assistance is needed, please open a new support ticket at WPML support forum.

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 1 reply, has 0 voices.

Last updated by maherH-5 1 month, 1 week ago.

Assisted by: Noman.

Author Posts
April 6, 2025 at 9:05 am #16900913

maherH-5

Background of the issue:
My website SouthPush.com is an archive of my published work since 2000 and will serve as a blog/platform for future publications and blog posts. My work is published in both English and Arabic, so I needed a bilingual website. I chose the 'Rowling' theme by Anders Norén, which supports RTL languages.

Symptoms:
In the Arabic version of articles, the author name and date remain on the left instead of moving to the right, causing the text to appear too slim and long. This issue does not occur in the mobile version.

Questions:
Why do the author name and date not move to the right in the Arabic version of articles?
How can I fix the layout issue in the Arabic version of my articles using WPML?

April 6, 2025 at 3:11 pm #16901450

Noman
WPML Supporter since 06/2016

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi,

Thank you for contacting WPML Support. Please note that WPML provides a translation features and the RTL/LTR layout is handled by the current theme. If the current theme supports RTL layout WPML displays it without any issues. So, you may ask the theme author about RTL layout issues or you may try to use the below CSS:

:lang(ar) .post-meta {
    float: right !important;
    margin-right: 0 !important;
	margin-left: 2.5% !important;
}

:lang(ar) .single-post .post-inner {
    padding-right: 0 !important;
}

In the custom CSS section of the theme and it will look as in the attached screenshot.

Please let me know if this resolves your issue or if you need further assistance with this issue.

Thank you

After adding CSS.jpg
April 6, 2025 at 4:32 pm #16901651

maherH-5

Dear Noman,

You are brilliant, your solution fixed the problem. I can't thank you enough.

All my respect,
Maher