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
Plugin Author
Gunu
(@grafcom)
@nicoline2009,
try this one – #qtransLangSw?title=none¤t=hidden
@gunu
I tried to insert your code to CSS in Theme Options. Nothing changes. Do I do it wrong?
Plugin Author
Gunu
(@grafcom)
Do yo use this in your menu or a page or hedear widget?
Plugin Author
Gunu
(@grafcom)
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: http://www.houseofrecruitment.dk/
Plugin Author
Gunu
(@grafcom)
Language Switcher widget under Appearance – Menus
Language Menu – choose Custom – see URL: (now maybe #qtransLangSwLM#) and change to #qtransLangSw?title=none¤t=hidden
Fantastic 🙂 It works. Thank you so much! B R Michael
Plugin Author
Gunu
(@grafcom)
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 http://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;
}
