Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #575240

    Hi, site is this. The plugin language switch style is ok on subpage (es. http://www.giunchino-lex.com/chi-sono/) but because in my home page I don’t show the menu, I need to put the wmpl switch in a Enfold widget area:
    widget area

    But I don’t know why it appears this way (with a dropdown select). I need it to be like in the menu:

    switch style I need

    can you help me to style it, because I don’t have any possibility in the widget section?

    I use wpml as plugin.

    thanks

    • This topic was modified 8 years, 9 months ago by niguli.
    #575257

    Hi Nicola!

    It won’t because the flags inserted in the header are rendered using a different function, one thing you can do is copy the rendered HTML and place it on a Code Block (in the homepage), like:

    <ul>
      <li class="av-language-switch-item language_it avia_current_lang"><a href="http://www.giunchino-lex.com/chi-sono/" style="height: 88px; line-height: 88px;">	<span class="language_flag"><img title="Italiano" src="http://www.giunchino-lex.com/wp-content/plugins/sitepress-multilingual-cms/res/flags/it.png"></span></a></li><li class="av-language-switch-item language_en "><a href="http://www.giunchino-lex.com/en/sandra-giunchino/" style="height: 88px; line-height: 88px;">	<span class="language_flag"><img title="English" src="http://www.giunchino-lex.com/wp-content/plugins/sitepress-multilingual-cms/res/flags/en.png"></span></a></li><li class="av-language-switch-item language_de "><a href="http://www.giunchino-lex.com/de/wer-ich-bin/" style="height: 88px; line-height: 88px;">	<span class="language_flag"><img title="Deutsch" src="http://www.giunchino-lex.com/wp-content/plugins/sitepress-multilingual-cms/res/flags/de.png"></span></a></li>
    </ul>

    Additional CSS adjustments may be needed.

    Regards,
    Josue

    #575270

    Thanks Josue. That’s what I did it before (and now). Can you please help more me with CSS? Just some basic css rules…

    #575271

    Sure, try this in Quick CSS:

    .avia_codeblock li.av-language-switch-item {
        list-style: none;
        display: inline-block;
    }
    
    .avia_codeblock {
        text-align: center;
    }

    Regards,
    Josue

    #575278

    that’s perfect! Thank you again

    #575279

    You are welcome, glad to help :)

    Regards,
    Josue

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