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...
Categoria: HTML
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....
Botão com Download Direto
O objetivo era criar um e-mail opt-in em que, após a pessoa se cadastrar, ela pudesse baixar o e-book. Para isso, usei o Bloom na opção Locked Content. O conteúdo bloqueado seria um botão de download, mas eu queria que o download fosse feito diretamente, sem abrir o...
Google Maps no Divi sem chave API
O módulo Maps do Divi exige que você informe uma API key e para criá-la no Google é necessário cadastrar cartão de crédito, o que é uma incomodação para o cliente. Fui tentar descobrir como colocar um mapa sem a chave, já que no Elementor é possível e achei esse...
Módulo Texto com botão Leia Mais
A cliente tinha alguns textos para colocar na home que não eram muito grandes, mas também não eram pequenos. Ela não queria colocar no layout de FAQ, mas também não queria criar um blog só por isso. Então, usando o módulo texto, criei um botão Leia Mais que...
Texto com imagem à direita
O módulo Blurb dá a possibilidade de trabalhar com texto e imagem, sendo a imagem à esquerda ou no topo. Mas para colocar texto e imagem lado a lado com a imagem à direita, fica mais difícil. Para o rodapé de um cliente, resolvi esse problema com uma tabela html....






