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.
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 )