Categoria: CSS

Transformar Fundo do Topo para Baixo

Transformar Fundo do Topo para Baixo

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á...

Lista com Ícones Numerados e Divisor Vertical

Lista com Ícones Numerados e Divisor Vertical

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...

Ajustando Automaticamente Espaço do Cabeçalho Fixo – Antigo

Ajustando Automaticamente Espaço do Cabeçalho Fixo – Antigo

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...

Blog com Post Horizontal

Blog com Post Horizontal

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...

E-mail Optin em Única Linha

E-mail Optin em Única Linha

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:...

Cabeçalho Responsivo com mais de uma Coluna

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...