Olá! Tudo bom?
A descrição das categorias de minha loja já extensas e por isso gostaria de uma ajuda.
Ajuda de um modo que o mesmo fique ocultado, aparecendo apenas as 3 primeiras linhas e caso alguém queira ler por completo, que o mesmo possa expandir (algo em “Ver mais”) e em caso de descrição expandida, tiver um “Ver menos” ao final da descrição.
Atualmente, a descrição esta conforme print (exemplo de uma das categorias)
Ficarei grato pela ajuda!
o CSS é esse, agora tem que saber como fazer isso ficar “visivel/invisivel”
.categoria-descricao p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4; /* number of lines to show */
-webkit-box-orient: vertical;
}
Obrigado @Leonardo_Vicentini_F Não deu certo! Pena! Vide print abaixo:
Ficou cortado e não tem como expandir texto…
Mas agradeço demais por sua atenção!!!
foi o que falei… precisa achar um jeito de criar isso, esse CSS só faz e encolher
ah sim entendi! vamos aguardar para ver se algem sabe ne @Leonardo_Vicentini_F
Muuuito obrigado!
amigão boa tarde, tudo joia? tbm estou tentando encontrar uma solução assim, voce por acaso conseguiu?
