Autora: Amanda de Lavra

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:Segue abaixo código adicional que eu usei para estilizar o formulário, incluindo o campo de anexo:

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:

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:

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:

Módulo Texto com botão Leia Mais

Módulo Texto com botão Leia Mais

A cliente tinha alguns textos para colocar na home que não eram muito grandes, mas também não eram pequenos. Ela não queria colocar no layout de FAQ, mas também não queria criar um blog só por isso. Então, usando o módulo texto, criei um botão Leia Mais que...