Customize Your Drop Down

Translatestack has built a simple but powerful customizer, that allows you to control your language drop down.

You are able to:

  1. Change Positions

  2. Remove Branding

  3. Change Appearance

Change Positions

In order to customize the position of your language drop down, head over to customizer > position. By default, the position of your language drop down is on the bottom right. You are able to choose between LEFT, RIGHT or CUSTOM.

If you want to place your language drop down on a specific area on your website, you simply have to create a container with a ID ( f.e. <div> id="translatebox"></div>). Head over to CUSTOM and paste in your ID.

Change UI of your dropdown

If you would like to slightly change the UI of your drop down, you can do this easily from your end in your own CSS.

The drop down is handled by the ts-language-wrapper div and its children. Easily adjust it to your needs, but don't forget to put a !important behind your new values, like: .ts-language-wrapper{ height:41px !important; background:red !important; } .ts-language-wrapper div:nth-child(1){ margin-top: 7px !important; }