Qtranslate flags in navbar menu

  • I pasted this code in .php :

    // Adds a widget area to house qtranslate flags. Will need styling.
if (function_exists('register_sidebar')) {
    register_sidebar(array(
        'name' => 'Extra Widget In Socials',
        'id' => 'extra-widget',
        'description' => 'Extra widget in the social links area',
        'before_widget' => '',
        'after_widget' => '',
        'before_title' => '',
        'after_title' => ''
    ));
}
// Place the widget area in the social links area
add_filter ('tc_social_in_header', 'add_my_widget');
function add_my_widget() {
    if (function_exists('dynamic_sidebar')) {
    dynamic_sidebar('Extra Widget In Socials');
    }
}

    What css do I need for setting up flags in one row ?
    MY PAGE

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter dt125x

    (@dt125x)

    Ok, I found the solution…

    Add this code to CSS:

    /** flags horizontal */
#flaggenmast { heigth: 12px; width: 56px; margin: 0; padding: 0; float: right; clear: right; }

ul.qtrans_language_chooser { list-style: none; margin: 0; padding: 0; }
ul.qtrans_language_chooser li { display: inline-block; float: left; position: relative; margin: 0; padding: 0; }
a.qtrans_flag { margin-left: 10px; margin-top: 0px }
    Thread Starter dt125x

    (@dt125x)

    How can I make flags bigger ?

    Thanks

    You have to individuate the elements selector ( probably .qtrans_flag), then change width and height and add the proprty background-size, setting it with the desired sizes.

    Thread Starter dt125x

    (@dt125x)

    It do not change size of the flags… It seems like it changes size of the area around theam…

    Any suggestion ?
    I changed size,width and background-size…

    Thanks

    .qtrans_flag{
width: 50px !important;
height: 50px !important;
background-size: 50px 50px !important;
}
    Thread Starter dt125x

    (@dt125x)

    Code works fine ??

    But when I inserted the code I can not see half of language flags anymore on my Chrome browser… Flags exist but they are transparent… :S

    On every other browser it works… Could you try to open it if you have chrome ?

    I erased all the browser cache and still the same, no flags

    Thanks

    Thread Starter dt125x

    (@dt125x)

    It’s ok now…
    It was solved by itself…

    My code was just for testing, you better use the same aspect ratio 18:12 -> 30:20
    Anyway they look a little ugly so stretched, maybe you can find other flag pngs.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Qtranslate flags in navbar menu’ is closed to new replies.