Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 28, 2015 at 1:48 pm #451170
    atainha

    Hi,

    Enfold 3.1.5

    I’m using this CSS to remove flags and insert text (on the switcher).

    Quick CSS I’ve found and I’m using:
    .language_flag img {
    display: none !important;
    }
    .native_name {
    display: block !important;
    }

    I want to use the “language tag” (not the language code) – http://prntscr.com/7abvd9

    How should I change the CSS?

    Thanks in advance! Afonso

    May 28, 2015 at 5:18 pm #451301
    Yigit

    Hi atainha!

    Can you please post a screenshot of changes you would like to make and a link to your website?

    Cheers!
    Yigit

    May 28, 2015 at 6:13 pm #451342
    atainha

    Hi Yigit.

    You can see here: http://prntscr.com/7aewjl

    Site is local – not on internet yet. :-/

    Thanks! Afonso

    May 30, 2015 at 7:23 am #451922
    Ismael

    Hey!

    There is not default option to show the language tag but you can adjust it using css. For example, to change the dutch and english language flags, use this in the Quick CSS field:

    .language_de .language_flag:before {
  content: 'de-DE';
}

.language_en .language_flag:before {
  content: 'en-US';
}

.avia_wpml_language_switch li .language_flag img {
  display: none;
}

    The last code will hide the flags.

    Cheers!
    Ismael

    June 1, 2015 at 2:45 pm #452554
    atainha
    This reply has been marked as private.
    June 1, 2015 at 2:46 pm #452556
    atainha
    This reply has been marked as private.
    June 2, 2015 at 9:31 am #453007
    Ismael

    Hey!

    Please follow the suggestions above carefully:

    .language_pt-pt .language_flag:before {
  content: 'pt';
}

span.language_code {
  display: none !important;
}

    Cheers!
    Ismael

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