O módulo de Menu não tem a opção de aumentar ou diminuir o espaçamento entre os itens do menu e o plugin Divi Booster, só tem essa opção para o cabeçalho padrão do Divi. Mas no site do Divi Booster, tem um tutorial mostrando como fazer isso. Está disponível em:...
O cliente queria que no cabeçalho tivesse o ícone de carrinho de compras, mas separado do menu e também que tivesse o número de itens ao lado do carrinho. Descobri um plugin gratuito compatível com Divi que é o Menu Cart Divi. Com ele, é adicionado um novo módulo, o...
Muitas vezes, a disposição do conteúdo no desktop não funciona bem no celular e no tablet. Nesse exemplo, o texto vem primeiro na coluna da esquerda e a foto na coluna da direita. Na versão responsiva, o texto viria em cima e a foto embaixo, mas queria que a foto...
Uma cliente queria um fundo colorido e claro com efeito parallax, mas as cores escuras para o texto ficavam ruins e com o texto em branco dificultava a leitura. Pensei em colocar uma sobreposição para escurecer um pouco o fundo, mas descobri que não existe esta opção...
Para incluir fontes que não estão disponíveis no Google Fonts, é necessário fazer o upload dos arquivos da fonte. Porém, os formatos de arquivo de fonte não são permitidos por padrão. A melhor solução que achei foi adicionar o plugin WP Add Mime Types e adicionar os...
O Divi tem uma limitação de no máximo 6 colunas por linha e, na seção Especializada, são 4 colunas no máximo. Precisei colocar 7 imagens em linha e, pra isso, é preciso um pouco de código. O primeiro passo é adicionar uma linha de coluna única. Depois acrescentar o...
Ao editar um módulo Texto, precisava que houvesse quebra de linha entre os títulos e o texto, acrescentando espaço em branco. Porém, apesar da quebra de linha aparecer no editor, quando se vê a página pronta, o espaço não está lá. Para isso, basta acrescentar uma...
O Divi ainda não tem opção de alinhamento para o botão no formulário de contato. Ao decidir centralizá-lo, precisei de CSS para isso. O primeiro passo foi acrescentar uma classe ao formulário de contato, pois havia outro formulário no site que eu não queria...
Em alguns casos, o menu do site deve aparecer completo, mesmo em tablets e celulares e não como ícone de hamburguer.Nesse caso, é no módulo Menu, aba Avançado > ID e Classe CSS, definir a classe como hide-mobile-menu e depois adicionar o seguinte...
Algo que já aconteceu mais de uma vez é fazer um rodapé com mais de 3 colunas e precisar que na versão responsiva elas fiquem em linha.Esse código é para 4 colunas, mas pode ser adaptado para mais. É preciso ir na linha, aba Avançado > Classe e ID CSS e definir a...
O plugin Divi Booster tem a opção de adicionar barras verticais entre os itens do menu, porém não faz sentido usar o plugin só para isso caso não vá usar outras opções disponíveis. Nesse caso, é só adicionar um código CSS simples para incluir as barras verticais. Esse...
Ao criar um menu com muitos submenus, cria-se um problema que na versão mobile não é possível ver todos os itens do menu. A solução é criar um menu recolhido onde só os itens do primeiro nível apareçam primeiramente e os do segundo nível sejam mostrados num click....
Um efeito interessante que os clientes gostam e que não está disponível no Divi é o carrossel. Porém, achei um tutorial bem simples de como fazer qualquer módulo Divi virar um carrossel. http://divisoup.com/r41-how-to-create-a-scrolling-module-carousel-in-divi/. Ele...
Ao desenvolver uma loja virtual me deparei com um problema no módulo Divi Loja. Não há a possibilidade de acrescentar o botão "Comprar", então o cliente precisaria abrir a página de produto para adicioná-lo no carrinho. Pesquisei um método de acrescentá-lo e é bem...
No meu portfólio eu uso o tema Impreza, que foi o primeiro tema com que trabalhei. Como o portfólio é bem simples, o tema atende bem e não mudei para o Divi ainda. Esse tema tem um efeito que eu achei bem interessante e não sabia como fazer: quando se usa um ícone, dá...
O cliente tinha um site como modelo que apresentava uma lista de motivos para ler uma isca digital. A lista era com texto desencontrado, ícones e divisor vertical centralizado no desktop. Já em tablet e celular, os ícones e divisor ficavam à esquerda e o texto um...
Quando se coloca a posição de um elemento como fixa, remove-se o espaço que aquele elemento ocupava. Então quando definimos a seção de um cabeçalho como fixa, o cabeçalho fica por cima do conteúdo da página. Uma solução seria ver qual a altura do cabeçalho e incluí-la...
O módulo de blog do Divi não é muito versátil. Ele tem apenas dois layouts: fullwidth (com a imagem destacada na largura total e o post embaixo) e em grid (com 3 colunas, a imagem em cima e o post embaixo). Eu queria fazer um blog que tivesse a imagem ao lado do...