CSS

Use esta propriedade do CSS para mesclar imagens e até mesmo remover fundo brando de uma imagem: Outros valores que podem ser aplicados com mix-blend-mode: ... Continue a ler.

Muitas vezes é preciso desenvolver um “box” onde vai ficar uma imagem, de um produto por exemplo. Porem, a medida do box criado é quadrada (1×1), mas o usuário ou cliente, acaba subindo imagens com tamanhos desproporcionais, como imagens com altura maior que a largura, ou vice-e-versa. Desse jeito, esse box fica desproporcional, resultando em […] ... Continue a ler.

Caso você precise centralizar um texto, em uma imagem de fundo, atingindo um resultado como esse da imagem abaixo: É muito simples. Este artigo mostra como fazer isso no Elementor, mas pode ser adaptado para trabalhar com qualquer site HTML, que seja possível adicionar CSS personalizado. A única coisa que o Elementor vai fazer, é […] ... Continue a ler.

Para alinhar o botão no final do cartão e que a imagem de destaque (ou capa) adicionada a postagem fique alinhada na vertical com as outras, siga os passos abaixo: 1 – Adicione o bloco de posts do Elementor: 2 – Habilite a opção de “Equalização de colunas nas vertical” 3 – Clique em “Avançado”, […] ... Continue a ler.

Para girar um elemento ou DIV de forma infinita com CSS, use o código abaixo: Exemplo de uso: ... Continue a ler.

É possível fazer com que as colunas do Elementor sejam flexibilizadas de maneira automática. Infelizmente, até o momento, não é possível direto pelo editor, porem, é possível via CSS. Segue exemplo de código abaixo: Exemplo baseado no vídeo: https://www.youtube.com/watch?v=eiACQ-AIzqw OBS: Fique atendo as versões do Elementor, por conta das class elementor-container e elementor-column, para saber […] ... Continue a ler.

É possível personalizar o widget Tabs do Jetplugins para deixar mais atrativo. Neste exemplo, vamos deixar todos os blocos na horizontal, e que seja possível rolar para a horizontal em dispositivos mobile. Adicione o código abaixo na seção CSS personalizado, no Elementor pro. Resultado: Veja seu funcionamento clicando aqui. ... Continue a ler.

É possível customizar o input file (campo de arquivo) do formulário no Elementor (ou em qualquer formulário HTML) apenas com CSS, e caso queira, você pode aplicar um pouco de Javascript para dar uma animação a mais. Este tutorial esta para o formulário do Elementor, mas você pode adaptar para qualquer estrutura HTML, ok. Abaixo, […] ... Continue a ler.

Para criar um efeito deslizante horizontalmente com CSS, é possível usar varias formulas para se chegar praticamente no mesmo resultado. Abaixo vou mostrar como criar este efeito, apenas usando o CSS, através da propriedade display: flex Veja o exemplo funcionando na pagina: https://scroll-horizontal-div-com-display-flex-css.brunoalbim.repl.co/ ... Continue a ler.