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 )

6 respostas

  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/

  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

  3. Eu experimentei colocar a data por baixo do título, mas não cria espaço entre o título e a imagem para pôr a data. Fica tudo amontoado. 🙁
    Como faço para ficar espaçoso e perceptível?

    Muito obrigada.

  4. Olá 🙂
    Poderia dizer-me, por favor, como posso fazer para que as minhas fotos publicadas no blogger fiquem tão grandes quanto as deste post?
    Obrigada 😉

Responder a Liliana Carvalho Cancelar resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Este site utiliza o Akismet para reduzir spam. Fica a saber como são processados os dados dos comentários.