Skip Navigation

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

Problem:
If you're experiencing issues with changing the style and typography for different languages while using the WPBakery page builder, we can help.
Solution:
Unfortunately, there isn't a direct option in the WPBakery page builder's user interface to customize styles per language. However, you can achieve this by adding custom CSS. Here's a step-by-step guide:
1. Create custom CSS specific to the language. For example, to change the style for Hebrew, you can use:


html[lang="he-IL"] {
 
font-family: Alef !important;
font-size: 24px !Important;
 
}

2. Replace "he-IL" with the appropriate language code for the language you are targeting.
3. Replace "Alef" with the desired font family name.
4. Add this CSS code to the "Custom CSS" section found under "Appearance" > "Customizer" in your WordPress dashboard, or any other area where custom CSS is allowed.

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 you still need help, please open a new support ticket.

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 2 voices.

Last updated by Andrey 8 months, 2 weeks ago.

Assisted by: Andrey.

Author Posts
August 12, 2024 at 2:38 pm #16062788

salehA-13

Can you also advise on how to change the style and typography for a different language? Note that I am using WPBakery page builder

August 12, 2024 at 2:48 pm #16062844

Andrey
WPML Supporter since 06/2013

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

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

You won't find an option in the user interface (UI) to achieve this customization. The only way to do it is by creating custom CSS. Here's an example:


html[lang="he-IL"] {
 
font-family: Alef !important;
font-size: 24px !Important;
 
}

You can add this code in the "Custom CSS" section within "Appearance" > "Customizer" or any other area where custom CSS is allowed.

Depending on your language, you must change "he-IL" to the proper language code. Also, replace "Alef" with the font family name you want to use.