Personalize: Título da postagem

Postagem atualizada dia 23/08/2013 20h39

Após ter recebido alguns pedidos para este tutorial, hoje vou postá-lo. Entenda que o título da postagem você pode personalizar a cor, a fonte e o tamanho da mesma pelo Designer de Modelo, certo? Então vou ensinar para vocês algumas outras coisas básicas que dá para personalizar através do HTML do seu layout. Básicas, mas que fazem uma boa diferença. Vamos?

Título centralizado

Vá até Design » Editar HTML e proucure por:

h3.post-title {

E, logo abaixo, acrescente esse código:

text-align: center; 

Caso queira o título alinhado à direita, substitua center por right.

Fundo colorido

Continue no mesmo trecho (h3.post-title {), e, abaixo dessa tag cole o seguinte código:

background: #E4E4E4;

Substitua #E4E4E4 por uma destas cores, se preferir.

Divisória abaixo do título

Design » Editar HTML » Expandir modelos de widgets, e proucure por:

<div class='post-header'>

Logo acima dele, cole:

<div style="border-top: 1px dashed #707070"></div> 

Entenda: 1px é a espessura da divisória, dashed é o modelo (que, nesse caso, é pontilhado) e #707070 a cor. Caso queira uma imagem, apenas adicione acima da tag este código:

<img src="LINK_DA_DIVISÓRIA"/>

Caso seu layout tenha duas tags iguais (a que se pede para procurar), uma não vai funcionar quando você salvar/visualizar, e obviamente cole acima da outra tag e visualize, caso estiver tudo certo, salve.

Imagem como fundo da postagem 

Novamente, vá até Design » Editar HTML e localize a tag:

h3.post-title {

Após a chave ({), cole o código abaixo:

background-image: url ('LINK_DA_IMAGEM');

width: 500px;

height: 40px;

Agora faça as devidas alterações: 500px é o valor da largura do seu fundo do título, e 40px a altura.

---

E então, é isso! Obrigada por tudo! Beijo, qualquer dúvida: comentários ou e-mail.