Tags – Quebra de linha

Certamente o container das tags deve estar com altura fixa, coloca a url que fica mais fácil a gente ajudar.

Opa, mals a demora cara, pelo que vi, é algum problema na geração do HTML, consegue colar a linha do seu tema que gera essas tags?

Boa noite @fgleite,

Você pode arrumar esse erro ajustando seu CSS. Antes remova o looping que adiciona “    ” depois dos links de sua tag.

Depois ajuste o css de seus botoes da tag com o seguinte:

.single #content .tags a {
    border: 1px solid #d11010;
    padding: 3px 5px;
    border-radius: 3px;
    color: #f5f5f5;
    background: #d11010;
    margin: 10px 0 0 15px; /*Adicionei margin para espaçar uma tag da outra*/
    word-wrap: normal; /*Essa class tem padrão em seu body, ela quebra as palavras..., apenas ajustei ela aqui.*/
    float: left; /*Alinha uma ao lado da outra para ficarem organizadas*/
}

Vualá: http://prnt.sc/e8unk3

Para ajustar o titulo “Estilos:” defina um <hx> ou div ou id para ele e adicionar um float:left para ele ficar do lado 😀

Se tiver dúvida avisa! o/

• Esta resposta foi modificada 7 anos, 2 meses atrás por italoxz. Razão: codes
• Esta resposta foi modificada 7 anos, 2 meses atrás por italoxz.
• Esta resposta foi modificada 7 anos, 2 meses atrás por italoxz.

Olá @fgleite,

Como eu informei você precisa retirar os      de seu loop, é ele que está deixando as suas tags desconfiguradas.

Aqui um pedaço de seu código atual:

<div class="tags">
<div class="titulo_tags">Estilos</div> <-- Adicione a div para controla-lo
<a href="http://vejaumbomfilme.com.br/tag/acao-pura/" rel="tag">Ação Pura</a>
&nbsp;&nbsp;&nbsp;&nbsp; <-- Remova esses espaços que estão sendo adicionados.
<a href="http://vejaumbomfilme.com.br/tag/agoniante/" rel="tag">Agoniante</a>
&nbsp;&nbsp;&nbsp;&nbsp; <-- Remova esses espaços que estão sendo adicionados.
<a href="http://vejaumbomfilme.com.br/tag/arrebatador/" rel="tag">Arrebatador</a>
&nbsp;&nbsp;&nbsp;&nbsp; <-- Remova esses espaços que estão sendo adicionados.				
</div>

O que é o  ?

O caractere   “Non-breaking space” apesar de não ser visualizado pelo leitor. Como o nome do caractere diz “espaço sem quebra” é utilizado para: Preencher um espaço vazio (sem conteúdo) de uma tag HTML. Resumindo é como se apertasse a tecla “espaço” entre os conteúdos.

O <hx> seria <h3> ou <h4>, mas recomendo que utilize uma div com class ou id para manipular o elemento corretamente. Por exemplo: <div class="titulo_tags">Estilos</div>.

Você está utilizando um tema ou está manipulando diretamente nos arquivos o seu site?

Qualquer dúvida é só avisar. 😀

Olá @fgleite,

Analisei direto na página do tema (https://wp-themes.com/spacious/) e é um bug do tema mesmo.

Instalei em uma hospedagem minha para testar e repliquei seu post, veja: http://prnt.sc/ecnpcw

Analisei na versão 1.4.4:

Veja no arquivo content-single.php usei com base esse: https://themes.trac.wordpress.org/browser/spacious/1.4.4/content-single.php?rev=71538 –

Linha 17

$spacious_tag_list = get_the_tag_list( '', '    ', '' );

Remova os espaços: do “get_the_tag…” e você pode adicionar um <br> apenas para pular ali e mostrar as tags abaixo:

$spacious_tag_list = get_the_tag_list( '<br>', '', '' );

Salve e verifique.

Aqui deu certo, veja: http://prnt.sc/ecnqd0

Recomendo que de uma lida no codex para entender melhor sobre a geração de tags: https://codex.wordpress.org/Function_Reference/get_the_tag_list

Até mais! 😀

• Esta resposta foi modificada 7 anos, 2 meses atrás por italoxz.

@fgleite,

Por nada 😀

Até mais!