Language Switcher CSS styling

Hi,

First of all – great plugin 🙂
I’ve searched topics for a solution but couldn’t find any to work for me.
I’m using the php code <?php echo qtranxf_generateLanguageSelectCode(‘image’); ?> to call the language switcher on the header.
Now I’m trying to control the spacing.

I was playing for 4 hours with these lines:

.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; }

but nothing worked.

The only way I managed to edit the flags was with .qtranxs_language_chooser img but still cannot fix the spacing between the flags. When I decrease the margins the flags shrink but do not get closer to each other.

What I’m doing wrong? And also is there a way to style the Language Menu instead of the php snipper? 🙂

https://wordpress.org/plugins/qtranslate-x/