Como alterar o espaço entre o título e a data

Depois de vos ensinarmos a alinhar o título e a data, algumas pessoas perguntaram como é que podiam alterar o espaço entre o título e a data. Este post é a resposta à vossa pergunta. Com uma dica de css simples vão conseguir alterar o espaço entre estes dois campos e até inverter a posição dos dois.
Por defeito, existe um espaço considerável entre a data e o título que, por vezes, não faz sentido. Para o alterarem, primeiro terão de aceder a Esquema >> Designer de modelos >> Avançadas >> CSS



Depois de estarem na caixa de CSS podem copiar e colar, por lá, este código:
h3.post-title {
margin-top: -5px !important;
}

O valor que está a vermelho define a distância, em píxeis, que vai existir entre os dois. Testem diferentes valores (positivos ou negativos) até atingirem o resultado que procuram.


Se quiserem alterar a ordem (data por baixo do título) testem valores negativos (ex. : -50px). 

Simples, não é? :)
Testem e digam-nos se vos foi útil. Se tiverem mais dúvidas, deixem-nas ali em baixo, nos comentários.

(o blog que está ali no exemplo é o Hoje para Jantar, não passem por lá se tiverem fome :p )

4 comentários:

  1. Excelente Post ;) Surgiu-me no entanto uma dúvida ... E é possível aumentar a distância antes da data ? Ou seja, se o blogue tiver uma '' barra '' de páginas, aumentar a distância, para que a data não fique colada a esta barra. Deixo aqui o Link do meu blogue, para ser mais facil entender do que estou a falar :)

    E Obrigada We Blog You,

    Beijinhos

    http://lifeloveandphotograph.blogspot.pt/

    ResponderEliminar
  2. Adoro estas dicas. esta acho que funciona especialmente bem com títulos centrados, o que não é o meu caso.
    Uma coisa que gostava de alterar é o texto quando ainda não há comentários (trocar "sem comentários:" por "0 comentários" ou "sou o primeiro a comentar") têm essa dica?

    Obrigada
    beijinho beijinho

    ResponderEliminar