Pontilhado embaixo do título da postagem

19º tutorial do desafio!

Hoje o tutorial é de como colocar aquele pontilhado bem fofinho,bonitinho, embaixo do título da postagem,para deixar seu blog mais cute!

Clique em Leia Mais para aprender!

1º-No html de ctrl+f e procure por:

h3.post-title {

2º-Apague o código:

h3.post-title {  margin-top: 20px;}
h3.post-title a {  font: $(post.title.font);  color: $(post.title.text.color);}
h3.post-title a:hover {  text-decoration: underline;}

3º-No lugar coloque:

#main .post h3 a, .post h3 a:visited, .post h3 strong {display:block;font-family: Hansa; /* troque pelo nome da fonte que você vai usar */font-size:20px; /* tamanho da fonte, edite se quiser */text-decoration:none; /* quer algum enfeite na fonte? troque none por underline para sublinhado, italic para itálica e bold para negrito */color:#FF82AB; /* cor do titulo do post */font-weight:none;text-align: left;border-bottom: 1px dotted #BEBEBE;} /* cor da linha pontilhada */#main .post h3 strong, #main .post h3 a:hover {color:#FF82AB; /* cor do titulo do post, quando passar o mouse */text-decoration:none; /* quer algum enfeite na fonte quando passar o mouse? troque none por underline para sublinhado, italic para itálica e bold para negrito */ }

BJO!

Crédito:Chovendo em Paris/Colorful world