Language switcher problem

Hi Gunu

Do you know how I remove the Language Title, so that it′s only the flags that will be visible on my website?

Michael

@nicoline2009,

try this one – #qtransLangSw?title=none&current=hidden

@gunu

I tried to insert your code to CSS in Theme Options. Nothing changes. Do I do it wrong?

Do yo use this in your menu or a page or hedear widget?

in the menu.

go to the menu switcher, see the URL and put it there. No need to do this in a CSS file.

Which URL? There is no URL for the Menu. I′m using QTranslate-x if that helps…

See my website here: https://www.houseofrecruitment.dk/

Language Switcher widget under Appearance – Menus

Language Menu – choose Custom – see URL: (now maybe #qtransLangSwLM#) and change to #qtransLangSw?title=none&current=hidden

Fantastic ?? It works. Thank you so much! B R Michael

You are welcome!

You can review this plugin to help other people to find out the value.

Also consider to make a donation to keep this plugin alive and help us to keep this support as quickly and effectively as possible.

Please tell how they made such a menu https://uacrisis.org/fr/stream
(top language menu) flags and a drop-down list

They used the custom code – but actually twice. Once for the flags, once for the dropdown. Not a bad idea (especially as we still have no flags in dropdown).

drop-down list: #qtransLangSwLM?flags=none&title=Current

How do all the flags in a row?

When I make two menus, the second did not work. It follows the setting of the first.

Yes – I also noticed that the CSS will be copied to all selectors. As long as you have one widget with images only, and another one as dropdown – no problem.

E.g. I have my site (openmtbmap.org) setup like the following:
1. Widget Image Only:
(Hide Colon title activated)

.qtranxs_language_chooser li { list-style:none; float:left; margin-left:0px; margin-right:0px;height:0px; }
.qtranxs_language_chooser > .active > a {
    border-bottom: 2px solid #000000; }
.qtranxs_language_chooser a { margin: 0 4px; padding: 0 4px 1px 4px; }

(important part is the first line).
2. Widget – Dropdown
(Hide Title active, Hide Colon Title active)

.qtranxs_widget ul { margin: 0; }
.qtranxs_widget ul li
{
display: list-item; /* horizontal list, use "list-item" or other appropriate value for vertical list */
list-style-type: none; /* use "initial" or other to enable bullets */
margin: 0 5px 0 0; /* adjust spacing between items */
opacity: 0.5;
-o-transition: 1s ease opacity;
-moz-transition: 1s ease opacity;
-webkit-transition: 1s ease opacity;
transition: 1s ease opacity;
}
//.qtranxs_widget ul li span { margin: 0 5px 0 0; } /* other way to control spacing */
.qtranxs_widget ul li.active { opacity: 0.6; }
.qtranxs_widget ul li:hover { opacity: 1; }
.qtranxs_widget img { box-shadow: none; vertical-align: middle; }
.qtranxs_flag { height:24px; width:36px; display:all; }
.qtranxs_flag_and_text { padding-left:20px; }
.qtranxs_flag span { display:all; }

Now what is still missing for me – is how to increase the flag size.
.qtranxs_flag { height:24px; width:36px; display:all; }
does not change the flag size at all sadly… – this is right now not yet supported (workaround would be to use custom flag directory – and resize all flags in that directory).

flag size

.qtranxs_widget img {
  box-shadow: none;
  vertical-align: middle;
  width: 32px;
  display: block;
  margin-top: -16px;
  margin-bottom: -15px;
}