Q-translate widget flags in one line

[Dimitris]

Hello
I am using q-translate for multi languages pages.
In page right sidebar, my choice is text and image and in view page every flag icon and text of language is in different line.
I want flags and text in one line

I am giving you the link of the site to see: http://villa-forestata.com/kefalonia/en/

[Sushil Adhikari]

This should help:
http://wordpress.org/support/topic/images-are-displayed-wrong-inside-the-paged

[code type=css].qtrans_language_chooser li {
display:inline;
}

[Dimitris]

Thank you very much.

[Dimitris]

Hello again

When I choose text and image, flags and text for each language are inline.
When I choose only image, flags are NOT inline. Any suggestion please ?
I want flags with some space between.

Thank you

[Sushil Adhikari]

what I will ask is to change it to the flags only and I will check it out…right now you got it as flag with label. Thanks.

[Dimitris]

IMy client wants only flags without text.
I am waiting your suggestion.

Thank you

[Sushil Adhikari]

I fully understand… but I am hoping you can change it to flags only and then I will look at the site (with the link http://villa-forestata.com/kefalonia/en/ ) because I need to see the source code when it’s in that mode style (without the label text) , then I can see what can be done and what might be preventing the flags being inline if it’s a theme issue.

[Dimitris]

Okay. I understand.

Done
you can see flags not inline now

[Sushil Adhikari]

For the spacing, the css posted earlier in this thread at the top, you will add a margin, perhaps 5px or more:

.qtrans_language_chooser li {
display:inline;
margin-right:5px;
}

Then for the inline of flags only, this should work by adding another custom css as:

.widget_qtranslate {
    min-height: 30px;
}

[Dimitris]

not working this

[Sushil Adhikari]

Should be working, I installed the plugin and tried it. However, try this in combination of the first css code:

/* QTranslate */
.qtrans_language_chooser li {
display:inline;
float:left;
margin-right:5px;
}
ul.qtrans_language_chooser {
   min-height:25px;
}

[Dimitris]

That’s right!

Thank you very much

[Author]

Posts