Language Selector Module

The Language Selector Module makes it possible to choose what language to display the website in. It is possible to find the Language Selector Module in the Basic Modules menu only under the Global Styling tab; add it to your website by dragging it from the top bar to a row or column of your preference. To learn more about how to add additional languages, please click here.

 


How to edit the Language Selector Module?

It is possible to open the Language Selector Settings in two ways - by selecting the Module and clicking on Edit / Settings icon or by choosing Language Selector Settings from the left side menu of the Global Styling tab.

 

1. Content


1.1. Float & Placement

In this section you can decide the placement of the language selector within the column where it is inserted - by the right, center or left.


1.2. Hide Text for Language

By default, the Language Selector Module displays the languages from which a visitor can view the site fully written. However, instead of the language name it is possible to simply visualize a representative flag, like the image below. To enable the flags on the Language Selected Module instead of text, simply toggle on in front of the option.

Note: It is only possible to enable this option in case you have attributed the relevant flag under the Language Settings. Read more about Language Settings here!

 

2. Styling


2.1. General

In this section you can define the overall spacing of the module, both in terms or margin and padding.


2.2. Text

In this section you can style the text on the module; it is possible to define the font color, size, family, weight, decoration, alignment and transition.


2.3. Icon Style

In this section you can customize the icon style, i.e. the flag before or instead the language text. You can define the flag size and spacing, both in terms of margin and padding.


2.4. Background

In this section you can define the background color and set its transparency for every state of the module - normal, hover and active.


2.5. Border

In this section you can define the module border for every state - normal, hover and active.


2.6. Spacing

Finally, in this section you can define the padding, which changes the spacing within the module.

 

Anything we’ve not covered?

Contact Us