O site que estou desenvolvendo tem páginas com vários módulos de blog em estilos diferentes e pouco conteúdo então isso faz com que em algumas páginas de arquivo, alguns dos módulos não tenham posts pra exibir, mas eu não queria que aparecesse o aviso de que "Nenhum...
Estava fazendo um site em que queria definir uma página de opções com ACF onde o cliente pudesse alterar alguns conteúdos do site. Dois desses seriam vídeos, porém o módulo vídeo não tem conteúdo dinâmico disponível originalmente. Achei esse tutorial explicando como...
O desafio dessa vez era fazer um site similar a outro já existente. Nesse site, o blog tem um botão Load More para carregar mais posts ao invés de paginação. O Divi não tem essa opção nativa, mas encontrei esse tutorial que resolve o problema:...
Alguns plugins que eu uso do banco de plugins, ficam mostrando notificação de atualização, às vezes até quando já está na última versão. É ruim para o cliente ficar vendo aviso de atualização que não tem como fazer direto da base do WordPress. Por isso, procurei como...
Estou desenvolvendo um site em que o cliente quer que o site inteiro tenha uma imagem de fundo. Existem opções no Customizador de Tema que dão essa aparência. É só ir em Configurações Gerais > Contexto > Imagem de Fundo, acrescentar a imagem e configurar as opções....
O módulo Busca vem com o botão com valor definido e nós não temos como alterá-lo manualmente. Para alterar o texto "Pesquisa" para qualquer valor, eu achei esse tutorial: https://divitheme.net/change-search-button-text/. Ele ensina a trocar por outro texto, mas é...
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:
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...
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:
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:
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:
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...
O módulo Lista de Ícones do Elementor, por padrão, alinha o ícone verticalmente no meio do elemento. Para que o ícone fique alinhado no topo, é preciso acrescentar um pouco de CSS que eu encontrei em...
O cabeçalho padrão do Divi não é muito flexível, mas alguns ajustes são possíveis com um pouco de CSS. Segue código para alterar ícone do telefone padrão da barra secundária para o ícone de Whatsapp:
O módulo Accordion não tem a opção de alterar o ícone quando aberto, mas com uma pequena linha de CSS, é possível alterar isso. Segue abaixo:
Fazendo um site de uma cliente com Elementor, o logotipo tinha detalhes pequenos e precisava aparecer grande no cabeçalho para ficar legível, mas queria que ele diminuísse no scrool down para não ocupar tanto espaço. Achei um tutorial em:...
Ao configurar o plugin Client Portal em um site, precisei fazer algumas customizações e a documentação do plugin tem o código para isso. Está disponível nos seguintes links:...
O botão final do checkout do WooCommerce tem o texto "Finalizar Compra". O cliente queria que o texto fosse "Contratar". Achei um tutorial explicando como fazer essa alteração. Está disponível no seguinte link:...