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 classe como four-columns. Depois adicionar o seguinte código:
@media only screen and (max-width: 980px) {
.four-columns .et_pb_column {
width: 20%!important;
margin-right: 5%!important;
}
}
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...
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...
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....