Friday Theme Tip: Customizing Multilingual

2 minute read

December 12, 2014

Friday Theme Tip: Customizing Multilingual

multilingual-css

Please note: This helps users see the community menu items in their local language, the content itself is not translated.

Changing Default Look

As you can see, the default CSS for the language switcher is meant to fit easily into any theme. Nevertheless, you may want to make things a bit more apparent to users that a language option exists. Below is some CSS to do just that:

/*color and location of the option box*/
div.LocaleOptions {
background: none repeat scroll 0% 0% #FFFFCC !important;
border: solid 1px !important;
color: #000000 !important;
float: right;
padding: 10px !important;
width: 25% !important;
}

/* link color */
div.LocaleOptions a {
color: #3F3F3F !important;
padding: 4px !important;
}

/* link color hover*/
div.LocaleOptions a:hover {
color: #7e7e7e !important;
}

The above CSS will result in the language box appearing as follows:

mutlilingual-change

Change the colors, as you need. You can use this handy website to choose different color options for your theme.

You can also add the language changer anywhere on your community by adding {module name="LocaleChooserModule"} in your theme code.

Please note: The language option will only show once users sign in, so the preference can be set for them.

We hope this post has given you some ideas to make multilingual stick out. Check back next Friday for another tip. In the meantime, check out the earlier tips or get a copy of our theme guide.

product

Share Your Thoughts

Your email address will not be published. Required fields are marked *

Adrian Speyer

Written by Adrian Speyer

Adrian Speyer is the Head of Community and Lead Evangelist for Vanilla by Higher Logic. Besides spending many years in digital marketing, Adrian has been building communities of all sizes for over 20 years.

Have an Article for Vanilla's Blog?

Send us an email to [email protected] with your topic idea and we'll circle back with our publishing guidelines.

subscribe-1
Subscribe to the Community Corner Newsletter and get expert insight and analysis on how to get the most out of your online community every Friday.

    Request a Demo

    Schedule a product demo now.

    Contact Us