Categoria: CSS

Itens do submenu com fonte diferente do menu

Itens do submenu com fonte diferente do menu

Nessa loja, a fonte usada para o menu é interessante para o tema do site, mas não é tão boa em relação a legibilidade, então deve ser usada esparsamente. Nesse caso, decidi que o submenu teria uma fonte diferente, mas não existe essa opção, então alterei com o...

Adicionando espaço entre itens do menu no módulo Menu

Adicionando espaço entre itens do menu no módulo Menu

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

Alterar ordem das colunas no celular e tablet

Alterar ordem das colunas no celular e tablet

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

Parallax com sobreposição

Parallax com sobreposição

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

Mais de 6 colunas

Mais de 6 colunas

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

Centralizar botão do formulário de contato

Centralizar botão do formulário de contato

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