Add Locale Class

Render CSS According to a Site's Current Language

Author:Max Foundry (profile at
WordPress version required:2.8
WordPress version tested:5.5.3
Plugin version:1.0.2
Added to WordPress repository:14-08-2017
Last updated:07-08-2020
Rating, %:0
Rated by:0
Plugin URI:
Total downloads:686
plugin download
Click to start download

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 WordPress Gallery plugin, a plugin for WordPress media library folders and MaxButtons.