Support » Plugin: mqTranslate » Horizontal layout with mqTranslate

  • steph5bloom

    (@steph5bloom)


    I have a child theme to the theme Pinboard.
    I want to have my flags display horizontally.
    I have inserted the following code into my CSS but no joy 🙁

    .qtrans_language_chooser { list-style-type:none }
    .qtrans_language_chooser li { float:left; margin-right:3px }

    These classes are correct (I checked the source code of the page) so I really don’t know why they will not work.

    Please help, Thank you

    https://wordpress.org/plugins/mqtranslate/

Viewing 6 replies - 1 through 6 (of 6 total)
  • weigertj

    (@weigertj)

    Hi! I use the “language selector” widget and the following code in the custom CSS field in my theme:

    .qts-lang-menu li {
    display:inline-block;
    margin:9px 3px 0px 3px;
    }

    #language-box .qtrans_language_chooser {
    margin-bottom: 0;
    margin-top: 8px;
    overflow: hidden;
    position: relative;
    z-index: 100;
    }
    #language-box .qtrans_language_chooser a {
    padding:4px;
    }
    #language-box .qtrans_language_chooser li {
    float:left;
    }

    #header-toolbox {
    position:relative;
    z-index:100;
    }

    i solve with

    .qtrans_language_chooser {
    overflow: hidden;
    display:inline-block;
    position: absolute;
    float: left;
    z-index: 100;
    padding-left: 5px;
    }
    .qtrans_language_chooser a {
    padding-right: 5px;
    }
    .qtrans_language_chooser li {
    float: left;
    }

    It’s great that you could sort it out!

    I must be doing something wrong… I tried both the code blocks listed above but I still can’t get it to work. Any other ideas?

    Or, alternatively, how to decrease the vertical distance between flags?

    Hi

    We have the same problem trying to put the flags in a row. I used the above codes in css files and put the php code in the footer. Before adding the css code the flags were at the bottom middle of the page. After adding the css codes, instead of them queuing horizontal, they moved to the far right hand corner of the footer!

    Any help is highly appreciated.

    Kind regards

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Horizontal layout with mqTranslate’ is closed to new replies.