WordPress - Design - Como eliminar um botão extra?

Neste artigo, aprenderá a eliminar os seletores de idioma extra no seu sítio Web WordPress. 

Quando são apresentados vários botões depois de adicionar o Weglot Switcher aos menus nativos do seu sítio Web, pode ser necessário remover os switchers desnecessários. Para o fazer, pode adicionar uma regra CSS para os ocultar.

1. Localizar o seletor principal do comutador 

Em primeiro lugar, pode encontrar um elemento HTML principal que contenha o botão Weglot que pretende ocultar. Terá de encontrar um contentor específico para que apenas o seletor de idioma pretendido seja ocultado. 

Para o encontrar, pode utilizar a ferramenta Inspetor no seu browser(clique com o botão direito do rato > 'Inspecionar elemento'). 

Por exemplo, digamos que queremos ocultar o botão na área superior direita deste sítio Web: 

Na vista do inspetor (na parte inferior da captura de ecrã), main-navigation é o nome de ID do elemento que contém o alternador de idioma que queremos remover.

De facto, inclui o botão Weglot que queremos eliminar (como mostra a área azul na parte superior da captura de ecrã), mas não os outros comutadores.

Não importa o nome do seletor, se ele for um ' ID', é necessário prefixar o nome com um sinal de libra (# ), e se for umclasse', é necessário acrescentar um ponto (. ) antes.

Aqui, o seletor CSS do elemento pai seria #navegaçãoprincipal .

2. Adicione a regra CSS para ocultar o elemento principal

Depois de encontrar o seletor certo, vá ao seu Painel de Controlo do WordPress > Definições do plugin Weglot > Substituir CSS e cole o seguinte código: 

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

Eis um exemplo de como deve ser (de acordo com o exemplo anterior):

3. Clique no botão "Guardar alterações" e já está!

O botão extra relacionado já não é apresentado.