Category Archives: Help

The 4 Things Learned Migrating Hundreds of Forums

moving-houseMigrating to new forum software can be a daunting prospect, but sometimes necessary. After migrating hundreds of communities from dozens of platforms to Vanilla, here are a few things we’ve learned:

Properly preparing the community is vital

Making a major change to your community software is always challenging for your membership. People become comfortable with the status quo, even if that status quo involves slow, outdated software that is gradually falling apart. It’s important to be aware of this, and to make sure that community reactions are kept in mind during the migrations process. A common thread of hassle-free migrations is asking yourself how the community will be effected at each step.
Continue reading

Friday Theme Tips: All In One List

building-man

To help you build your theme, the last few weeks, we have shared some handy tips in customizing your Vanilla Forums theme. As the year comes to an end, we figured it would make sense to create a list with them all in one list for easy access. Here are all of the tips we shared this year:

We also have a theme guide to help you further along. Good luck on your custom theme! We can’t wait to see what you build!

Friday Theme Tip: Customizing Multilingual

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.