Eu fiz algumas, mudanças, pois algumas pessoas não estavam conseguindo, por isso vou deixar dos 2 jeitos.
Bom, antes de começar esse post, eu vi no blog Go Imagine, então créditos ao blog dela :). Apesar de ser com códigos, é bem simples de fazer. Vamos lá?
Ficará asssim:
(Go Imagine)
Bom,
Primeiro vá em: Configurações > Idioma e Formatação > Formato da data
E selecione: 16 de dezembro de 2015 (de acordo com a data que esteja). Dia, data, ano
E salve.
Agora vamos mexer nos códigos.
Vá em: Modelo > Editar Html > E dê um Ctrl + F
E procure por:
.main-inner h2.date-header {
font: $(date.font);
color: $(date.text.color);
}
Ou:
h2.date-header {
Em seguida substitua, esse código por:
.main-inner h2.date-header {
float: left; /** data no lado esquerdo, pode mudar para right **/
width:55px;/** largura **/
height:55px;/** altura **/
overflow:hidden;
font-size:15px;/** tamanho da fonte **/
color: #fff !important;/** cor da fonte **/
text-align:center;/** alinha o texto **/
margin-bottom: -65px; /** desce **/
margin-left: -80px; /** margem pra esquerda **/
padding: 8px 2px 0px 2px; /** espaço interno: topo, direito, embaixo, esquerdo **/
-webkit-border-radius: 5em; -moz-border-radius: 5em; /** borda redonda **/
background: #FF6C91; /** cor do fundo **/
}
.main-inner h2.date-header:hover {
background: #E9B4BB; /** cor do fundo hover **/
}
float: left; /** data no lado esquerdo, pode mudar para right **/
width:55px;/** largura **/
height:55px;/** altura **/
overflow:hidden;
font-size:15px;/** tamanho da fonte **/
color: #fff !important;/** cor da fonte **/
text-align:center;/** alinha o texto **/
margin-bottom: -65px; /** desce **/
margin-left: -80px; /** margem pra esquerda **/
padding: 8px 2px 0px 2px; /** espaço interno: topo, direito, embaixo, esquerdo **/
-webkit-border-radius: 5em; -moz-border-radius: 5em; /** borda redonda **/
background: #FF6C91; /** cor do fundo **/
}
.main-inner h2.date-header:hover {
background: #E9B4BB; /** cor do fundo hover **/
}
Faça as alterações que você quiserem, (fonte, width, height, ao lado vai está as devidas explicações).
Bom, meus amores, espero, que vocês, tenham conseguido, por favor comentem!
Bom, meus amores, espero, que vocês, tenham conseguido, por favor comentem!
Um Beijo, e fiquem com Deus!

amei o post linda.Obrigado por ter ajudado,ficou do jeitinho que eu queria.
ResponderExcluirBeijos.
anaholiveirablog.blogspot.com.br
Que bom que funcionou! Por nada, qualquer coisa é só me consultar. Obrigada você! Beijos Girl! ♥
Excluiradorei estou amando o seu blog beijos .http://mundodalumila.blogspot.com/
ResponderExcluir