icons not inline with text [#2200627]

(yeah I'm a noob, but I've read the whole internet I think!!)

7.x-2.5 Language Switcher Dropdown

add Language Switcher to header = it shows up as a list, good.
add Language Icons = now i have a list of flags, good.
config - regional - langs - icons: change placement to before, after, etc = works nicely.

turn on module Langauge Switcher Dropdown...
and the flag appears under the country name!

changing placement (before, after, replace) only affects Switcher, not Dropdown.

i've tried putting dropdown in different places (on the homepage, and inside pages)
but nothing changes.
I'm using BlueMasters theme, and tried changing to CorporateClean theme - same problem.

Is this a bug?

Comments

Comment #1

BigJonMX CreditAttribution: BigJonMX commented 19 February 2014 at 18:01

I just tried the Bartik theme and I saw the icons after the text (even though its set to before), but at least they're on the same line.

So I guess I need to fiddle with css? where do I start with that?!?!?!

Anyways - my bad. Sorry.

Comment #2

BigJonMX CreditAttribution: BigJonMX commented 20 February 2014 at 10:37

ok. I've tried 6 themes, and icon placement is not correct in any of them.
I do not know drupal well enough to track down the problem, so I'm asking here for some help.

Comment #3

333martine CreditAttribution: 333martine commented 27 July 2014 at 15:52

I have the same problem in the bootstrap theme.

Comment #4

2pha

English

CreditAttribution: 2pha commented 12 August 2014 at 05:44

Same problem here. A bit annoying considering the image on the module page is what I want and it seems this module does not provide it.

After a little more reading, it seems there is no cross browser way of adding images to select options which is probably why this module supports javascript libraries such as ddSlick.

Comment #5

arlingtonvoicellc CreditAttribution: arlingtonvoicellc commented 9 November 2014 at 01:56

Same problem using Bartik, fresh install. Subscribing.

Edit: If you use the 7.x-1.5 version under "other release" it appears to mostly fix the problem. I say mostly because a little CSS editing is necessary to get the text the right color. You can also change the float on the icons from right to left.

Comment #6

roball CreditAttribution: roball commented 11 March 2015 at 10:48

Category:	Bug report	» Support request
Status:	Active	» Needs review

Using this module together with the current version of the Marghoob Suleman's jQuery image dropdown library (v3.5.2), this seems more a problem of the shipped CSS files by the library, rather than a problem by the module itself. I added

.ddTitleText {
  display: inline;
}

to my theme's custom CSS file, and all major browsers display the flag on the same line as the label. Also ensure the Width of dropdown element setting of the
Language switcher dropdown (User interface text) block is set to a large enough value.