Se aggiungete un selettore di lingua per barra laterale a un sito utilizzando il tema Twenty Seventeen, c’è un piccolo problema con il suo aspetto.

Anomalia del front-end quando si utilizza il selettore di lingua per barra laterale con il tema Twenty Seventeen

Anomalia del front-end quando si utilizza il selettore di lingua per barra laterale con il tema Twenty Seventeen

Si verifica a causa di alcuni conflitti di stile e può essere risolto facilmente utilizzando la seguente soluzione.

Andate su WPML -> pagina Languages (Lingue) e aggiungete le seguenti regole CSS alla sezione Additional CSS (CSS aggiuntivo) delle Language switcher options (Opzioni dei selettori di lingua).


.widget .wpml-ls-flag {

    -webkit-box-shadow: none;

    box-shadow: none;

}

 

Aggiunta di semplici regole CSS per un rendering corretto del selettore di lingua

Aggiunta di semplici regole CSS per un rendering corretto del selettore di lingua

 

Ora il rendering del selettore di lingua per barra laterale verrà visualizzato correttamente sul front-end.

Selettore di lingua per barra laterale dopo aver applicato la soluzione

Selettore di lingua per barra laterale dopo aver applicato la soluzione