26 junho 2014

Personalizando os títulos dos posts



decidi fazer um tutorial explicando tudinho.


Vá em Editar HTML e procure por h3.post-title {. Logo abaixo vão ter códigos sobre os títulos:

h3.post-title { : título do post sem link.
h3.post-title a { : título do post com link.
h3.post-title a:hover { : título do post com link quando passamos o mouse por cima.

Abaixo de h3.post-title {  tem algumas coisinhas antes de "}". Apague tudo e cole o seguinte código:

text-align:center;   /* texto alinhado ao centro */
font: $(post.title.font);  /* fonte da letra  | mude pelo designer do modelo pois tem mais opções */
color: #FF82AB; /* cor da fonte da letra */
border-bottom: 1px solid #000; /* borda que ficará em volta do titulo do post */
background: url('URL DA IMAGEM AQUI') #333; /* Cor/Imagem de fundo do titulo */

Tipos de alinhamento do texto:

text-align:left > título alinhado à esquerda
text-align:right > título alinhado à direita
text-align:center > título alinhado o centro
text-align: justify > título com alinhamento justificado

Agora é só personalizar do seu jeito. Use a criatividade! Espero que tenham gostado. Super fácil né? Kisses

Um comentário: