Q-translate widget flags in one line

Home Forums WordPress Themes – Premium Preference Q-translate widget flags in one line

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #13712
    Dimitris
    Member

    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/

    #17699
    Sushil Adhikari
    Moderator

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

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

    #17700
    Dimitris
    Member

    Thank you very much.

    #17708
    Dimitris
    Member

    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

    #17709
    Sushil Adhikari
    Moderator

    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.

    #17710
    Dimitris
    Member

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

    Thank you

    #17711
    Sushil Adhikari
    Moderator

    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.

    #17712
    Dimitris
    Member

    Okay. I understand.

    Done
    you can see flags not inline now

    #17713
    Sushil Adhikari
    Moderator

    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;
    }
    #17714
    Dimitris
    Member

    not working this

    #17715
    Sushil Adhikari
    Moderator

    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;
    }
    #13713
    Dimitris
    Member

    That’s right!

    Thank you very much

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.