Quebrar linha no título dos fóruns na versão móvel

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Quebrar linha no título dos fóruns na versão móvel

Mensagem por Daniel Z Sex 23 Set 2016 - 15:45

Detalhes da questão


Endereço do fórum: http://rpgteste.queroforum.net/
Versão do fórum: PunBB

Descrição


Buenas, galerinha.
Na Versão mobile, o título dos fóruns na visualização das categorias tem um efeito "text-overflow:ellipsis" para prevenir que o texto bata em cima da div que marca a quantidade de mensagens:

Quebrar linha no título dos fóruns na versão móvel PleOYUF

Estou tentando aplicar um CSS para que o texto seja mostrado em sua forma integral, mas que ao mesmo tempo, ele quebre a linha ao chegar próximo a mensagem dos posts:

Quebrar linha no título dos fóruns na versão móvel BUS1Frk

Problema, é que tenho falhado em alcançar o objetivo:

Código:

.forum-content h3 {
text-overflow: initial;
width: 65%;
word-wrap: break-word;
}

Para elucidar melhor, vejam como o texto é quebrado nesse fórum em "Announcements and Important Topics": http://fmdesign.forumotion.com/forum

Quebrar linha no título dos fóruns na versão móvel 607R2Tb


Última edição por Daniel Z em Sex 23 Set 2016 - 19:59, editado 2 vez(es)
Daniel Z

Daniel Z
***

Masculino
Membro desde : 30/04/2012
Mensagens : 111
Pontos : 180

Ver perfil do usuário http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Quebrar linha no título dos fóruns na versão móvel

Mensagem por Shek Sex 23 Set 2016 - 16:21

Bom dia!

Por favor, aplique este código em sua folha de estilos CSS e salve:
Código:
div#wrap main div.forum div.forum-content h3 {
  white-space: normal !important;
}
Atualize a sua página do fórum pela versão móvel, e verifique se resultou. Piscada

Atenciosamente,
Shek King

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Masculino
Membro desde : 11/04/2009
Mensagens : 18763
Pontos : 22612

Ver perfil do usuário https://publipos.net https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Quebrar linha no título dos fóruns na versão móvel

Mensagem por Daniel Z Sex 23 Set 2016 - 19:57

Valeu, @shek.
Fiquei tão ligado no text-overflow que nem pensei em outra coisa.

white-space resolveu tudo.

Quebrar linha no título dos fóruns na versão móvel IkDdyr2

Resolvido. Obrigado.
Daniel Z

Daniel Z
***

Masculino
Membro desde : 30/04/2012
Mensagens : 111
Pontos : 180

Ver perfil do usuário http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Quebrar linha no título dos fóruns na versão móvel

Mensagem por while Sex 23 Set 2016 - 20:06

Quebrar linha no título dos fóruns na versão móvel Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
while

while
Membro Entusiasta

Masculino
Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos