Categoria: CSS

Alinhando Colunas Verticalmente

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

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

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

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

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

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