Configure style based on content languages - Fluid Topics

Manage Languages in Fluid Topics

Category
Technical Notes
Audience
public
Version
Latest

It is possible to apply different styles based on the content's language. For example, modify the font or size for English content, or the color of titles for French content.

Perform the following steps to apply a particular style to content in a given language:

  1. Open the Content styles editor in Fluid Topics.
  2. Define styles using the .content-locale-$LANG HTML class.

    For example, replace $LANG by en-US for American English or fr-FR for French from France.

    .content-locale-$LANG { 
        color: blue;
    }
    
    .content-locale-fr-FR {
        color: red;
    }
    
    .content-locale-en-US {
        color: green;
    }