Skip Navigation

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.

This topic contains 1 reply, has 2 voices.

Last updated by Diego Pereira 5 years ago.

Assisted by: Diego Pereira.

Author Posts
March 29, 2019 at 10:05 am #3490045

bW-2

We are working on translating hidden link from English to Hebrew. The site uses Divi, and we would like advice on the best way to translate the content and have it appear from RTL in Hebrew, including reversing left and right side columns.

The page hidden link has accurate text translation, but the title text that is on left in English needs to be on right in Hebrew. This is the reverse of the English page hidden link and the columns need to be reversed.

1. How to translate Divi from LTR to RTL, including repositioning page elements. Is this best accomplished with manual translation, so we can rearrange the columns in Divi editor after translation?

2. CSS for Hebrew page formatting. We have CSS that corrects some RTL problems in Divi, such as the sequence of columns when a row is viewed on mobile devices. (Without this, the last column on wide screens becomes the first column on vertical screens - with A B C showing C, then B, then A vertically. Can we apply this CSS in general to only translated pages?

3. Header and footer elements. We can create separate footers to be used on different pages, but the logo, menus, and copyright notice also need to be realigned. How can we get logo to switch to right side, and social icons at bottom to be aligned left in RTL Hebrew pages only?

The web site sagimop.co.il/ is Divi RTL, but only one language. How can we get that result in Hebrew, while preserving the site appearance in English?

March 29, 2019 at 6:18 pm #3493861

Diego Pereira
Supporter

Languages: English (English ) Spanish (Español ) Portuguese (Brazil) (Português )

Timezone: America/Sao_Paulo (GMT-03:00)

Hello @bw-2, welcome to the WPML support Forum!

You can add CSS only to a specific language using the lang attribute of the html tag. E.g.

html[lang=he-IL] p {
 color: #00ff00;
}

The css above will be applied only to the Hebrew language. You can also use the dir attribute. E.g.

html[dir=rtl] p {
 color: #00ff00;
}

The CSS above will be applied to all RTL languages.

You can add the custom CSS to APpearance > Customize > Additional CSS

Please let me know if it worked for you or if you need more help.

All the best,
Diego

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.