WordPress - Diseño - ¿Cómo eliminar un botón extra?

En este artículo, encontrará cómo eliminar algún botón extra de Weglot. 

Cuando se muestren varios botones después de añadir el Weglot Switcher en los menús nativos de su sitio web , es posible que tenga que eliminar los conmutadores innecesarios.

1. Buscar un selector de padres 

En primer lugar, encuentre un elemento HTML padre que sea el contenedor del botón Weglot que desea eliminar. Tendrá que encontrar un contenedor específico, de lo contrario, también se borrarán otros conmutadores Weglot. 

Para encontrarlo, puede utilizar el inspector de su navegador ( "clic derecho" > "Inspeccionar elemento"). 

Por ejemplo, digamos que queremos eliminar el botón de la zona superior derecha de este sitio web: 

En la vista del inspector (en la parte inferior de la captura de pantalla), main-navigation es el selector CSS del contenedor específico del conmutador Weglot en la zona superior derecha.
De hecho, incluye el botón Weglot que queremos eliminar (como muestra el área azul en la parte superior de la captura de pantalla), pero no los otros conmutadores.

No importa el nombre del selector, si es un ' id', debe añadir un punto '#' antes y si es una'clase', debe añadir un punto '.' antes.

2. Añada la regla CSS para ocultar el elemento padre

Una vez que haya encontrado el selector adecuado, vaya a su WordPress Dashboard > Weglot > Override CSS y pegue el siguiente código: 

[INSERT THE_PARENT_SELECTOR HERE] .wg-li{
   display: none!important;
}

He aquí un ejemplo de cómo debería ser (según el ejemplo anterior):

Haga clic en el botón "Guardar cambios" y ¡ya está!

El botón extra relacionado ya no aparece: