Passando aqui pra agradecer pelo seu conteúdo, Cipa! Participei das lives de LPV e foram sensacionais as aulas. Desde então, estou sempre assistindo seus vídeos aqui e encontrando a mesma forma simples e objetiva de ensinar detalhes muito relevantes e que fazem diferença no trabalho com o Elementor! Sem contar o bom humor e a simpatia, que também fazem toda diferença. Valeu, mestre!
Conheci você, agora estou premencionada com seu talento, não sabia nada sobre css quero aprender também. Estou aprendo fazer sites mais sem códigos. Mais, sim, fica perfeito, será se eu comprar seu curso vou conseguir aprender? Muito difícil esses códigos, como lembrar de tudo isso haha
Parabéns pelo conteúdo muito bem explicado, porem tenho uma duvida no meu caso preciso diminuir a imagem que seria o logo , dentro do código altero de svg para png por exemplo?
Cipa,você é o cara! Eu usei esse codigo do video para deixar fixo o menu de uma pagina que estou fazendo e tambem ter o efeito de blur. Mas esta ocorrendo o seguinte problema: toda vez que eu redimensiono o navegador a barra do menu fica com o tamanho igual ao ultimo tamanho da tela do navegador. Sabe porque isso acontece e como resolver? OBS: Quando eu removo o codigo CSS a barra do menu não da problema.
Como faria para que ao rolar a página ele alterasse a opção do menu de acordo com o ancora . Ex: tenho uma âncora de biografia que está lá em baixo .. ao ir rolando ele vai mostrando no menu todos as âncoras e quando chegar n BIOGRAFIA ele já estaria selecionado no menu
Ótimo 👏👏👏 Tem alguma maneira de troca o Logo (com imagem) quando der o scroll? Eu fiz uma tentei umas bambiarras, puxando o logo com css, mas não ficou muito bom!
Eu sei que já tem 8 meses seu comentário, mas não custa respondê-lo, porque pode ajudar alguém. Coloca sua imagem normalmente em um widget de imagem e copia o link da imagem que quer trocar. Depois de colocar a imagem, vai em avançado e coloca a classe "logo" no campo Classes CSS. Vai depois em Custom CSS e coloca esse código abaixo, lembrando de colocar o link da sua imagem que quer trocar no campo entre parênteses e aspas. Me diz se conseguiu depois. /*muda a imagem*/ .header.elementor-sticky--effects .logo{ content: url("colocar o link da sua imagem aqui") !important; }
Boa noite professor. Porque não aparece essa opção (Superior/inferior) no efeitos de movimentos depois que eu mudei pra Flexbox Container? Só aparece essa opção quando o Flexbox Container não está ativo. O que eu faço pra resolver?! Obrigado
![Como Fazer Menu Âncora no Elementor - Efeito Scroll [Atualizado 2025]](/img/n.gif)
Top, funcionou, vou deixar o código abaixo:
selector {
transition: 0.5s;
}
selector.elementor-sticky--effects{ background: #00000050;
backdrop-filter: blur(20px);
webkit-backdrop-filter: blur(20px)
}
Passando aqui pra agradecer pelo seu conteúdo, Cipa! Participei das lives de LPV e foram sensacionais as aulas. Desde então, estou sempre assistindo seus vídeos aqui e encontrando a mesma forma simples e objetiva de ensinar detalhes muito relevantes e que fazem diferença no trabalho com o Elementor! Sem contar o bom humor e a simpatia, que também fazem toda diferença. Valeu, mestre!
Eu fiquei feliz por esse conhecimento passado aqui e nós proporcionar a liberdade criatividade com simplicidade. 🙏🎆✨🚀
Cipa, já sou fã das suas lives, mas esses conteúdos fixos são perfeitos! Você é top mestre.
Orgulhoso demais de ser seu aluno, Cipa!!! 🙏🤜🤛
Caraca vc é muito bom nisso poxa não perco seu lançamento por nada
Sempre agregando valor pra gente! Vlw demais cipa S2
Estou no início do video mas já sei que vai levar minhas páginas para o próximo nível
Sempre bom Cipra! Galera de Vitória te manda um abraço!
po você tá dominando bem o css.. parabéns cipa!!
Cipa sempre salvando a gente nos projetos! hahaha
Mais um show do gênio. 🔝 Ciparoni🙌🏼
Conheci você, agora estou premencionada com seu talento, não sabia nada sobre css quero aprender também. Estou aprendo fazer sites mais sem códigos. Mais, sim, fica perfeito, será se eu comprar seu curso vou conseguir aprender? Muito difícil esses códigos, como lembrar de tudo isso haha
Esses vídeos estão muito bons
Você é fera! 👏🏽👏🏽👏🏽
Esse cara é demais!!!
Bom demais, já vou atualizar minha pagina com esse feito
fodaaa
Brabo demais 😮
Muito top, favoritei no Chrome
Ótimo video,
Cipa, e como seria pra fazer o menu vira uma lista suspensa(menu hamburguer) quando desse scroll?
Te amo! ❤
Você é Feraaa de mas Cipa, sou seu fã e me espelho em você !!!
Parabéns pelo conteúdo muito bem explicado, porem tenho uma duvida no meu caso preciso diminuir a imagem que seria o logo , dentro do código altero de svg para png por exemplo?
Qualidade padrão CIPA.
Simplesmente o Saytama das landing pages
Ciparoni-senpai
Master blaster!!! Obrigada!!
Cipa, acho que vale um reels ensinando esse botão animado
Porra! Top demais!
Cipa,você é o cara! Eu usei esse codigo do video para deixar fixo o menu de uma pagina que estou fazendo e tambem ter o efeito de blur. Mas esta ocorrendo o seguinte problema: toda vez que eu redimensiono o navegador a barra do menu fica com o tamanho igual ao ultimo tamanho da tela do navegador. Sabe porque isso acontece e como resolver? OBS: Quando eu removo o codigo CSS a barra do menu não da problema.
Bom demais!
ótimo video Cipa! ao invés de aplicar no menu, tentei aplicar os efeitos de scroll no rodapé mas não consegui :( me ajuda nessa!!!
Como faria para que ao rolar a página ele alterasse a opção do menu de acordo com o ancora . Ex: tenho uma âncora de biografia que está lá em baixo .. ao ir rolando ele vai mostrando no menu todos as âncoras e quando chegar n BIOGRAFIA ele já estaria selecionado no menu
Ótimo 👏👏👏 Tem alguma maneira de troca o Logo (com imagem) quando der o scroll? Eu fiz uma tentei umas bambiarras, puxando o logo com css, mas não ficou muito bom!
Eu sei que já tem 8 meses seu comentário, mas não custa respondê-lo, porque pode ajudar alguém.
Coloca sua imagem normalmente em um widget de imagem e copia o link da imagem que quer trocar. Depois de colocar a imagem, vai em avançado e coloca a classe "logo" no campo Classes CSS. Vai depois em Custom CSS e coloca esse código abaixo, lembrando de colocar o link da sua imagem que quer trocar no campo entre parênteses e aspas.
Me diz se conseguiu depois.
/*muda a imagem*/
.header.elementor-sticky--effects .logo{
content: url("colocar o link da sua imagem aqui") !important;
}
Eu q fui a inspiração desse vídeo q eu sei kkkk
Boa noite professor. Porque não aparece essa opção (Superior/inferior) no efeitos de movimentos depois que eu mudei pra Flexbox Container? Só aparece essa opção quando o Flexbox Container não está ativo. O que eu faço pra resolver?! Obrigado
* Eu já tenho o Elementor PRO
Oi, só me esclarecendo então todos estes efeitos aplicados no menu são com o elementor free? apenas com cidgo CSS?
Não, a opção para fixar o menu e o CSS personalizado são funcionalidades da versão PRO.
Cipa, o seu menu tá bugando por aí também na responsividade? Quando visualizo para mobile encolhe, mas quando volto pra desktop, ele não volta.
Você diz dentro do editor? Se sim, tá com esse bug mesmo. Mas não vai impactar o usuário final.
@@othonciparoni Antes era só no editor, agora tá na página pro usuário final mesmo.
@@allisonjanuario23 mas o usuário não vai mudar de desktop para mobile na mesma navegação, então não vai impactar.
@@othonciparoni Fala Cipa, eu consegui resolver colocando um:
selector {
Width: 100%;
}
@@allisonjanuario23 boa!
O meu só funcionou no Firefox. No Chrome os efeitos não aparecem.
eu to usando o Container e os códigos de efeito blur nunca funcionam
Provavelmente está fazendo algo errado ou tem algum incompatibilidade no seu Wordpress.
@@othonciparoni consegui cipa, tive que desativar a otimização do DOM nos experimentos do elementor.
@@gustavodias1936 boa!
Cara pena que esse botão de like só pode ser apertado uma vez. Gratidão