CSS
Adicionar Automaticamente Botão de “Inscreva-se” Abaixo dos Vídeos do Youtube nos Posts do WordPress
Com este código abaixo, será possível adicionar um botão automaticamente logo abaixo dos vídeos do YouTube adicionados nas publicações do seu site WordPress, como mostra a imagem abaixo: Exemplo abaixo: Desse jeito, sempre que você adicionar um video dentro do seu post wordpress, ele vai carregar esse botão em vermelho, chamando o usuário a se […] ... Continue a ler.
Transformando Checkbox em Switch Personalizado nos Formulários do WordPress com Elementor
Para transformar visualmente o checkbox em switches sem alterar a estrutura HTML do formulário Elementor, você pode usar um pouco de código CSS personalizado, como mostra a imagem abaixo: Abaixo está um exemplo de como você pode fazer isso. Esse método mantém a estrutura HTML do formulário Elementor original intacta, mas usa CSS para ocultar […] ... Continue a ler.
Botão Personalizado CSS para Landing Pages em Elementor com Efeito Pulsar Sombra para Destaque
Se você quer criar um botão personalizado que chame a atenção do usuário para uma determinada ação (CTA), este código pode lhe ajudar. Este código CSS abaixo, personaliza os botões CTA da página criada com Elementor, trazendo uma estética totalmente diferente. Alem de deixar o botão com 3 tipos de cores em degradê (gradient), ele […] ... Continue a ler.
Menu Auto Scroll Horizontal Mobile com Widget List do Elementor + JavaScript
Neste artigo mostro um código personalizado que possibilita criar um menu horizontal que rola sozinho para a esquerda ou direita, quando a página vai descendo. Isso possibilita que, conforme o usuário vai descendo a tela, e navegando entre as seções, o menu acompanha as seções rolando sozinho e também mudando os itens de cor. Para […] ... Continue a ler.
[Vídeo] Usando o Atributo “Selector” no Elementor para Aplicar CSS Customizado do Jeito Certo
Aprenda a utilizar o atributo Selector para customizações precisas em CSS e evite aplicar estilos globalmente por engano ... Continue a ler.
Janela Modal (Popup) com HTML, CSS e JS simplificado
Se você precisa adicionar um modal em sua pagina online, este código pode lhe ajudar. É um código bem simples que vou mostrar logo abaixo como adicionar, e também, vou mostrar como personalizar. Primeiramente precisamos adicionar em nosso site, o código padrão, que é composto por HTML e JS, que não vai mudar, e um […] ... Continue a ler.
Código HTML + CSS Para Adicionar Banner Responsivo no Site (Desktop e Mobile)
Se você está precisando adicionar banners no seu site ou no site do seu cliente, porém precisa que a informação do Banner apareça de forma responsiva em todos os dispositivos, tanto desktop quanto mobile, este código é pra você. Logo abaixo, disponibilizo um código em html e CSS, que possibilite você adicionar dois tipos de […] ... Continue a ler.
Bloqueando o scroll horizontal no Elementor com CSS
Neste video vou ensinar a adicionar um código simples em CSS em sua página do Elementor para bloquear o scroll horizontal da página, para que quando tiver um elemento flutuante que saia da pagina do lado direito, sua página não ficar rolando para a direita. Código para copiar e colar: ... Continue a ler.