CSS


  • Campo anexar arquivo (File Input) personalizado no Formulário do Elementor com CSS + JS

    Nesse post eu vou te mostrar como você pode personalizar o campo de anexar arquivos do formulário do Elementor para que ele fique com uma estética muito mais agradável, apenas utilizando um pouco de CSS JavaScript personalizado. Primeiramente você precisa adicionar este script CSS em “Avançado > Custom CSS” no seu widget de formulário: Depois, […] ... Continue a ler.

  • Slide Infinito com Largura Total (Listing Grid) Usando o Elementor e JetEngine

    Este código vai permitir que seu slide usando o widget Listing Grid do JetEngine fique com a largura total da tela, e também se movimente automaticamente para o lado de maneira suave sem parar. ... Continue a ler.

  • Código CSS Personalizado Para Alinhar Itens do Widget “Lista de ícones” do Elementor no Mobile

    Neste post vou compartilhar um código CSS simples, para que você possa aplicar no Widget “Lista de ícones” do Elementor, para mudar o alinhamento dos itens da lista apenas na versão mobile. ... Continue a ler.

  • Checkbox Customizado com CSS para Formulário do Elementor (WordPress)

    Nesse post vou disponibilizar um trecho de código CSS para usar em formulários do Elementor, em campos do tipo checkbox, onde você pode customizar o botão nativo do navegador, para deixar com uma estética mais amigável e agradável. Segue código CSS abaixo para copiar e colar em seu site: ... Continue a ler.

  • [Vídeo] Comentários em Formato de Carrossel (Slide) com Elementor + JetEngine (WordPress)

    Nesse vídeo vou te ensinar a criar um carrossel dinâmico de comentários usando o Elementor e o JetEngine no WordPress, para ter um painel para adicionar e remover comentários sempre que precisar. ... Continue a ler.

  • [Vídeo] Efeito Contorno Brilho Animado com CSS

    Neste post vou mostrar como você pode criar um efeito de brilho em movimento usando apenas o CSS para isso. Basta apenas adicionar o CSS customizado em sua página, e depois adicionar a CLASS shadow no elemento que você deseja personalizar. Segue abaixo código CSS customizado para adicionar na página: Resultado: ... Continue a ler.

  • Botão “Leia Mais” Customizado p/ Parágrafos de Texto no Elementor (WordPress) com JavaScript (JS) + CSS

    Neste artigo, vamos criar um efeito “Leia Mais” em páginas construídas com o Elementor. Vamos implementar um código personalizado em JavaScript e CSS que permite alternar entre mostrar e ocultar o conteúdo de textos longos, utilizando dois botões distintos para abrir e fechar o conteúdo. Além disso, adicionaremos um gradiente invertido ao final do parágrafo […] ... Continue a ler.

  • Slide Infinito com o Widget Carrossel de Imagens do Elementor com WordPress

    Neste artigo disponibilizo um código CSS bem simples que pode lhe auxiliar a criar um carrossel de imagens com scroll (rolagem) infinita. É muito simples adicionar este efeito. 1 – Adicione o widget de carrossel em sua página, como mostra no exemplo abaixo: 2 – Edite as opções do carrossel do Elementor, para desativar e […] ... Continue a ler.

  • Grade com Informações de pagamento e frete em HTML e CSS para loja virtual

    Grade em HTML e CSS com informações de pagamento, frete e segurança, para sites e lojas virtuais. ... Continue a ler.