Skip Navigation

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

Problem:
In the German version of a website, all bullet points are incorrectly aligned to the right side, which is typical for right-to-left languages, despite German being a left-to-right language. This issue is visible throughout the entire website.
Solution:
If you're experiencing this issue, we recommend first checking how the bullet points were created and ensuring there are no conflicting settings or styles specifically applied to the German version. Additionally, try disabling all plugins except WPML to see if the issue persists. This can help identify if any other plugin is causing the conflict. Remember to back up your database before making these changes. If these steps do not resolve the issue, the alignment can be corrected using CSS. Here is an example of CSS that you might use:

.de ul {<br />  text-align: left;<br />}

This CSS targets unordered lists (ul) with a class specific to the German language pages (.de) and aligns the text to the left.

If this solution does not apply to your case, or if it seems outdated, please check the related known issues and verify that you have installed the latest versions of themes and plugins. If the problem persists, we highly recommend opening a new support ticket here.

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 4 replies, has 2 voices.

Last updated by arneR-3 5 months, 2 weeks ago.

Assisted by: Andrey.

Author Posts
May 27, 2024 at 9:46 pm #15675829

arneR-3

Background of the issue:
In the German version of our website, all bullet points are incorrectly aligned. They are displayed on the right side instead of the left. This issue is visible throughout the entire website. Here is a link to a page where the issue can be seen: hidden link
In the english Version all is correct. WPML Translation Editor was used.

Symptoms:
Bullet points are aligned on the right side instead of the left, resembling the alignment typically seen in right-to-left languages like Arabic.

Questions:
How can I correct the alignment of bullet points to appear on the left side in the German version of the website?
Is there a specific setting or CSS modification required to fix the bullet point alignment for languages that are normally left-to-right?

May 27, 2024 at 10:24 pm #15675872

Andrey
Supporter

Languages: English (English ) Russian (Русский )

Timezone: Europe/Kyiv (GMT+02:00)

Thank you for contacting WPML support.

Could you please update your WPML plugin to the latest version 4.6.11 and add-ons to benefit from the latest bug fixes and improvements? This may not necessarily resolve your problem, however, in order to troubleshoot the issue best we need to work on the latest code available.

You can check the latest released versions under "My Account -> Downloads" on this site. Instructions to update can be found here: http://wpml.org/faq/install-wpml/

If you do not see the updates, you might need to click on the Check for updates button in the Plugins → Add New Plugin → Commercial tab.

Please remember to backup your database first before you proceed.

Then, you should make a small modification to the original page, save it, and navigate to the WPML translation editor to resave the translation.

Let me know if the issue persists after an update has been done. How did you create this part of the page?

May 27, 2024 at 11:10 pm #15675893

arneR-3

The problem still exists

May 28, 2024 at 1:24 pm #15678891

Andrey
Supporter

Languages: English (English ) Russian (Русский )

Timezone: Europe/Kyiv (GMT+02:00)

Could you please provide more information on how you created these bullet points? Also, does the issue still exist if you temporarily disable all the plugins except WPML? Please ensure to backup your database before making any changes.

May 28, 2024 at 2:57 pm #15679382

arneR-3

We solved this problem by using CSS. Thank you for your participation