WhatsApp

Fale Conosco

Email de Contato

Mande sua mensagem

Quando se edita pelo Elementor Free, muitas pessoas ficam perdidas sobre como usar recursos de estilização CSS, já que é uma ferramenta disponível apenas na versão PRO.

Vamos usar como exemplo o tema Hello Elementor. Ao clicar em Personalizar, você pode ver a opção CSS Adicional, clique nela e um bloco vai abrir para a introdução do código.

A dificuldade está ai: Como editar somente a página específica que eu quero? Simples, através do ID dela! Cada página possui um número de ID único, que não se repete.

Mas como checar qual é o ID de cada uma? Vá para “Páginas” e simplesmente pare o mouse na opção “Editar”, você vai ver um link como esse:

https://exemplo.com.br/wp-admin/post.php?post=1898&action=edit.

O número em negrito é o ID da página! Agora vá em “Aparências” -> “Personalizar” e clique em “CSS Adicional”. Caso apareça um bloco de texto, clique em Fechar. O campo em branco é onde vai entrar seu código! No caso do nosso exemplo, digite exatamente o seguinte código:

.page-id-NUMERODAPAGINA { }

Substitua “NUMERODAPAGINA” pelo ID e pronto, já pode editar o CSS e personalizar os elementos contidos nela! Vamos supor que você queira ocultar o rodapé do seu site WordPress em só uma das páginas do site, mas não o cabeçalho. O código seria: 

.page-id-NUMERODAPAGINA .site-footer{
display:none
}

Lembrando que você precisa checar se “.site-footer” é realmente a classe do seu rodapé. Sendo assim, pronto! Seu rodapé estará oculto apenas nessa página específica.

Entre em contato

Precisa de ajuda com marketing? Fale conosco e tenha um serviço completo e econômico com nossos pacotes!

Mais Recentes