Support for Language Switcher

[ZAswad]

Hello guys, 
Please anyone have any idea on how to change the ICon of Langauge switcher in coloned madoule. I want to change the global icon for the language switcher to the Canada flag 

[Anton · Accepted solution]

Hi @ZAswad, 

there are several ways how you can modify the language-switcher icon. Unfortunately none of them is "easy" but it's not "rocket science".

If you'd like to change the "globe"-icon to another icon here's my personal CSS approach:

.globe_class{
background-image:none !important; 
width:0px !important;
height:0px !important;
}

.globe_class:before{
content:url(path-to-image);
display:block;
width:24px;  {# change the width of the icon #}
height:24px; {# change the width of the icon #}
cursor:pointer;
padding: 0 1rem 0 0rem; {# change the padding #}
margin: 0 1.5rem; {# change the margin #}
}

If you want more flexibility you can create a completly custom language-switcher. @piersg has created a great solution for that in the past. 

hope that helps, 

best, 

Anton