WordPress.org

Forums

mqTranslate
Horizontal layout with mqTranslate (7 posts)

  1. steph5bloom
    Member
    Posted 1 year ago #

    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/

  2. weigertj
    Member
    Posted 1 year ago #

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

  3. dodoland
    Member
    Posted 12 months ago #

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

  4. weigertj
    Member
    Posted 12 months ago #

    It's great that you could sort it out!

  5. MarinoDiMare
    Member
    Posted 10 months ago #

    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?

  6. MarinoDiMare
    Member
    Posted 10 months ago #

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

  7. safehosting
    Member
    Posted 10 months ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • mqTranslate
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic