Contact Form 7 com Largura Completa

Contact Form 7 com Largura Completa

O formulário do Contact Form & tem uma largura máxima definida, mas queria deixá-lo na largura completa da coluna. A maneira de fazer isso é com o código abaixo: .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form...
Google Maps no Divi sem chave API

Google Maps no Divi sem chave API

O módulo Maps do Divi exige que você informe uma API key e para criá-la no Google é necessário cadastrar cartão de crédito, o que é uma incomodação para o cliente. Fui tentar descobrir como colocar um mapa sem a chave, já que no Elementor é possível e achei esse...
Ícones Sociais do Menu Secundário

Ícones Sociais do Menu Secundário

Ao usar o cabeçalho padrão do Divi, os ícones sociais estão aparecendo alinhados à esquerda e não ficam centralizados verticalmente no menu secundário. Segue código CSS para os ajustes básicos nos ícones sociais: /*Ícones Sociais - Cabeçalho*/ #et-info...
Margem do botão Leia Mais

Margem do botão Leia Mais

Ao usar o módulo Blog, gosto de transformação a aparência do “Leia Mais” em um botão, mas para isso preciso dar margem entre o excerto do post e o botão. Segue código CSS para isso: /*Blog - espaço entre resumo e botão leia mais*/...
Animação de Ícones Sociais

Animação de Ícones Sociais

Um efeito legal para o módulo de redes sociais é a animação de girar o ícone quando passa o mouse. É bem simples de fazer. Basta apenas acrescentar o id social_footer ao módulo e colocar esse código no CSS adicional: /**Rodapé - Ícones Sociais**/...