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.
