O cliente queria usar o módulo E-mail Optin do Divi, mas com o formulário e o botão na mesma linha. Por padrão, o botão de inscrição fica abaixo do formulário. Achei esse post ensinando a fazer um Optin mais slim:...
Blog
Cabeçalho Responsivo com mais de uma Coluna
Com o Theme Builder do Divi é fácil criar cabeçalhos com elementos diversos. Mas quando o cabeçalho tem mais de uma coluna, em telas menores essas colunas ficarão uma embaixo da outra, o que geralmente não é interessante, pois o cabeçalho fica com uma altura muito...
Alinhando Colunas Verticalmente
Uma coisa que estou sempre precisando é alinhar as colunas no Divi verticalmente. Geralmente é para centralizar, como nessa linha de imagens de um site que fiz recentemente:Quando é esse o caso, é só ir na linha, aba Avançado > Customize CSS > Elemento Principal e...
Estilizando Ícones de Botões
Normalmente, uso os ícones em botões para que eles tenham um efeito diferente em hover, mas no último site que desenvolvi, o layout exigia que os ícones aparecessem o tempo todo e também que tivessem estilos diferentes do botão. O Divi, tanto no módulo Botão, quanto...
Fonte Contornada
Um efeito interessante para se fazer com css é o do contorno do texto. A propriedade text-stroke traz essa possibilidade estabelecendo a largura e a cor do contorno. Porém, essa propriedade não é amplamente suportada pelos navegadores. Para usar juntamente, existe a...
Cabeçalho One Page com Menu Ativo
O novo site que desenvolvi, foi feito a partir de um layout pré-definido, criado no Corel Draw. É um site One Page com cabeçalho transparente. No layout que eu precisava replicar, o menu ativo alterava o font-weight de 300 para 800 e tinha uma borda na parte de cima....
Popup
O desafio era criar uma popup sem usar nenhum plugin, apenas as ferramentas disponíveis no tema Divi. Essa popup deveria conter um formulário de contato e aparecer na tela apenas quando o usuário chegasse ao final do conteúdo da home do site, descontando o rodapé, ou...
Ícones Divi
Em diversos módulos Divi, há o uso de ícones. Porém no módulo sanfona, não há a possibilidade de escolher qual o ícone do toogle. Para alterar o ícone, é preciso o código do ícone com content em CSS em Avançado > Customize CSS > Ícone do Botão Ativar/Desativar....
Estilizando Tabelas de Preços
Um cliente solicitou uma tabela de preços como parte de um site, mas com um valor total em vermelho e riscado para sinalizar uma oferta especial, depois o novo valor e, por fim, o valor parcelado em destaque. O problema é que, apesar do módulo de tabela de preços ter...
Menu de Categorias Automático
Para este blog, eu queria criar um menu no rodapé só de categorias. O problema é que, cada vez que acrescentasse uma categoria, iria precisar atualizar o menu. Decidi então descobrir se era possível que esse menu fosse atualizado automaticamente cada vez uma nova...
WhatsApp Flutuante
Um pedido recorrente dos clientes nos sites é um botão de chat flutuante. Enquanto diversos plugins disponibilizam essa funcionalidade, não encontrei nenhum que tivesse a possibilidade de usar o WhatsApp Link, que direciona os usuários diretamente para a janela de...
Cabeçalho Fixo – Antigo
O novo Divi Theme Builder permite criar cabeçalhos com qualquer módulo existente e isso traz muita versatilidade na construção de sites. Porém, ainda não há uma opção dentro do próprio theme builder para que o cabeçalho fique fixo ao rolar a página. Para fazer isso, é...