<img height="1" width="1" style="display:none" src="https://q.quora.com/_/ad/10b616b60fad4a51aa023ade12476783/pixel?tag=ViewContent&amp;noscript=1">

Friday Theme Tip: Customizing Multilingual

Posted by Adrian Speyer on Dec 12, 2014 9:55:51 AM
Find me on:

1 minute read

If you have the Multilingual plugin enabled, by default the links to the locales enabled will appear in your footer, just below the Vanilla Forums logo (as you can see below).

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.

Topics: Product

Related posts

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.

Search this blog

Recent Posts

demo