Como criar uma seção VER MAIS no Elementor

----

---

No vídeo de hoje, vou te mostrar como criar uma seção (ou qualquer container que quiser) com a opção "ver mais" (ou "leia mais", se preferir).

Esse recurso é muito útil para quando queremos deixar um conteúdo muito grande mais enxuto, ou então para padronizar elementos que possuem tamanhos diferentes.

----

CAPÍTULOS DO VÍDEO:
00:00 - Introdução
00:40 - Explicando a estrutura
01:22 - Ajustando o tamanho do container
03:12 - Criando o fade no final do container com pseudoelemento
05:20 - Definindo a altura máxima quando o container expandir
06:37 - Adicionando e explicando o script
07:30 - Alterando o texto do botão
07:45 - Vinculando o botão ao container
09:00 - Usando em mais de um container
09:45 - Usando o botão dentro do mesmo container
11:00 - Código na descrição do vídeo
11:18 - Conheça a Formação WebP

[JulianaAyres]

Seu design é muito bonito, parabéns. É difícil homem ter bom gosto assim para design de site.

[lucas]

Cara bom demais! O melhor investimento que fiz até hoje foi na formação WebP!

[guilhermesantos]

Você é incrível! Não canso de dizer e de te recomendar. Brabíssimo!

[leandroleivaantunes]

Você é essencial meu amigo! Muito obrigado!!

[cristiano_soares]

Semana passada precisei fazer esse efeito em um site de um cliente, mandei o print de um site que tinha esse efeito no ChatGPT e expliquei detalhadamente o que queria. A IA me deu todo o CSS e o script, só copiei e colei e resolveu o meu problema que era o que precisava, agora vendo o seu vídeo consegui entender a lógica para tudo funcionar, Valeu demais!!!

[joaomuniz]

muuuito brabo, acabei de usar o conhecimento da aula de scroll de conteudo, mt bom tbm

[NutriKClub]

Sensacional, muito bom. Mas o meu deu conflito com uma utm em html da utmfy você deve conhecer, será que é possível colocar ambos na mesma pagina meu amigo? Acabou que ao clicar me ver mais ele não abre e recarrega a pagina

[bltz_x]

No seu curso de CSS para Elementor, vc ensina aquela transição com texto que tem no site? Achei muito foda

[leandroleivaantunes]

Eu consegui fazer em uma página, uma lista de profissionais. Ai quando copiei tudo e fui colar numa outra página, ele não funciona. Tem algum macete ou não da pra copiar e colar?

[steliobrunelli]

Professor, boa tarde! Primeiro parabéns pelo conteúdo. No meu site, em mobile, ele não está esticando toda a seção. Sabe pq isso está acontecendo?

[allanvinicius]

Olá Cipa! blz? Cara e se eu quiser colocar uma flechinha apontando pra baixo (icone) e quando clicar para ver menos a flechinha icone mudar apontando pra cima?

[henriquepaulino]

Cipa muito obrigado! fiz aqui e funcionou, no mobile os elementos do container ficaram tipo quebrados para o lado direito, sabe como corrigir?

[thiagosamuels_]

Quando clico no botão a página sobe lá pra cima, sabe porque do erro?