Para todo o site que eu faço, personalizo a página de login e também o wp-admin para ficar com a marca do cliente. Recentemente, aperfeiçoei o código para que o login ficasse no meio da página, tanto verticalmente quanto horizontalmente. Segue código usado aqui neste...
Categoria: CSS
Botão Leia Mais no Elementor
O site do cliente tinham alguns textos que eram muito extensos e, num layout de coluna, variavam muito de tamanho. Decidi adaptar o que já havia feito no Divi, ao incluir um botão Leia Mais (https://blog.amandadelavra.com.br/modulo-texto-com-botao-leia-mais/), mas...
Como manter a proporção de um elemento com CSS
Me pediram para colocar um elemento flutuante no site com o preço de cada produto. Como os preços variam de acordo com o produto, eu não podia ajustar com padding apenas para que ficasse redondinho na proporção 1:1. Para isso, usei a propriedade do CSS aspect-ratio....
Cabeçalho diferente ao rolar a página com Divi
Para o site deste cliente, resolvi fazer dois cabeçalhos diferentes, um maior com várias informações que aparece ao abrir a página, e outro menor e fixo, apenas com o logo e o menu e que aparece ao rolar a página. Achei este tutorial:...
Como alinhar botão na parte de baixo da coluna
Para alinhar um botão (ou outro módulo) na parte de baixo da coluna, achei esse tutorial: https://shihabiiuc.com/bottom-align-buttons-divi/. É necessário ir em cada coluna da linha e, na aba Avançado > Custom CSS > Elemento Principal, adicionar o seguinte...
Mudar layout do módulo Blog usando CSS grid
O módulo Blog tem a opção em grade, mas a única opção é em 3 colunas. Existem plugins que oferecem alternativas, mas para esse projeto, eu precisava da opção "Posts da página atual", que não tem no Post Grid do Divi Flash, então decidi usar o módulo nativo do Divi....






