Título da Postagem Centralizado

Título da Postagem Centralizado
Oi pessoal, hoje vou ensinar como deixar o título da postagem do blog centralizado com uma barrinha divisória em baixo. O efeito é bem bonito e o blog fica com uma carinha mais organizada. Lembre-se sempre de fazer o backup do seu blog quando for mexer no HTML,  para que se caso algo dê errado, você tenha o seu blog salvo ok?
Vamos lá porque é muito fácil e não tem como errar!

Para centralizar o título da postagem:

Clique em Editar HTML, pressione CTRL F e dentro da caixinha que abrir cole o seguinte código: h3.post-title { e aperte Enter. Esse código ficará em evidência e logo abaixo dele cole esse código: text-align: center; (caso você queira o título alinhado à direita substitua o center por right).

Divisória abaixo do título da postagem:

É o mesmo passo-a-passo anterior só que o código que você irá colar na caixinha é esse: <div class='post-header'> e logo acima dele cole esse: <div style="border-top: 1px dashed #a19288"></div> 
Visualize para se certificar de que tudo está correto e salve o seu modelo.
Obs: 1px é a espessura da divisória, dashed é o modelo (que nesse caso é pontilhado) e #a19288 é a côr desse pontilhado. Você pode substituir a côr para combinar melhor com o seu layout. Clique aqui para ser direcionado à tabela de cores e divirta-se!!

E é isso! Espero que tenham gostado!



Compartilhe:

0 Comentários Fofos

Ola! Muito obrigada por acessar o Blog e obrigada também por se disponibilizar a comentar as postagens!
Fique a vontade para interagir e seja muito bem vindo (a)!!!

Protected by Copyscape