Render CSS According to a Site's Current Language

maxfoundry

AlanP57

On multi language sites there may be occasions when you want to render CSS according to the current language in use. The Add Local Class plugin solves this problem by adding the current language code as a class in the body tag on both front end and admin pages.
For example, if you set the language of the site to French, then the language code used is fr_FR. Add Local Class will retrieve the language code format it as ‘locale-fr-fr’ and add it to the body tags on the front end of the site. It will also retrieve the language code of the backend user and set it as a body tag class on the back end of the site. Should the site’s language be changed to U.S. English, then the class would be changed to ‘locale-en-us’.
In your CSS file you can have one rule for French and another for English:
. locale-fr-fr .button { 
background-color: blue; 
}
. locale-en-us .button { 
background-color: red; 
}
With the Add Local Class plugin it possible to make use of language specific CSS on your site.
This plugin does not have a settings page. You simple install and activate it.
The Add Local Class plugin is brought to you by Max Foundry. We make a <a href="https://maxgalleria.com/" rel="nofollow ugc">WordPress Gallery plugin</a>, a plugin for <a href="https://maxgalleria.com/downloads/media-library-plus-pro/" rel="nofollow ugc">WordPress media library folders</a> and <a href="https://maxbuttons.com/" rel="nofollow ugc">MaxButtons</a>.

Alternatives to Add Locale Class

Top alternatives