Oiii hoje vou ensinar como personalizar a data da postagem para quem não sabe
1° Clique em configurações > Formatação > Formato da data e coloque a data assim:
Depois salve e clique em ''Design'' > ''Editar HTML'' > e procure por esse código:
.main-inner h2.date-header {
font: $(date.font);
color: $(date.text.color);
}
Apague tudo, e coloque esse código:
.main-inner h2.date-header {
font: georgia;
color: #333;
margin-right: -100px;
background: #FFB6C1;
float: right;
font-size: 11px;
padding: 4px;
}
.main-inner h2.date-header:hover {
background: #DB7093;
}
Se o seu quadro de postagem for á direita não precisara mudar o "float: right;" e o "margin-right: -100px;" Se não for mude o ''right'' por ''left''. Agora o que significa cada código?:
De acordo com o Blog ''Places Fame'' os códigos significam:
''font: georgia; É a fonte da data.
color: #333; É a cor da data.
margin-right: -100px; Este código é a margem externa da data, ou seja, ela ira dar o espaçamento necessário entre o quadro da postagem e o quadro da data. Quanto menor o número mais perto fica, quanto maior mais longe.
background: #FFB6C1; Cor do fundo do quadro.
float: right; Alinhamento do quadro da data.
font-size: 11px; Tamanho da fonte da data.
padding: 4px; Margem interna do quadro, ou seja, espaçamento de dentro da caixinha.''
Então é isso ai, espero ter ajudado!
Nenhum comentário:
Postar um comentário