Personalizando a data

BDF Encomendas

Oii framboesas, como vão?
Desculpam pelos três dias sem postar, era as provas! ELAS ACABARAM! ~comemora~
E respondendo a pergunta da Julia Rodrigues: Não, eu não morri. kkkkkk'
 Hoje eu vou ensinar um tutorial muito fácil para vocês que eu vi lá no Go Imagine de mudar o estilo da data. 
Então, créditos total ao Go Imagine.
Esse estilo aqui: 

Imagem do Go Imagine

Vamos fazer?

Primeiro, vá até Configurações > Formatação > Formato da data, e ajuste a data como na imagem:

"Dia Mês Ano"

2) Vá em Design> Editar HTML> Ctrl+F e procure por: 

.main-inner h2.date-header {

  font: $(date.font);

  color: $(date.text.color);

}

3) Substitua essa parte 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 **/
}

Observações:
- Se colocar right em float, mude margin-left por margin-right.
- Para mudar a cor do fundo é só trocar o código da cor (tabela aqui).
- Se a data estiver saindo pra fora do circulo diminua o tamanho da fonte.