Efeito sombreado, e fundo com cor no título dos post

Oi galera não sei se vocês perceberam mas eu estou me dobrando em dois rsrs, é porque eu estou preparando a maratona de tutoriais e no fim dela espero ter terminado o layout free ok? Então hoje vim trazer o primeiro tutorial da maratona. Interessou-se? Continue lendo
Então é super fácil vamos começar colocando os devidos créditos não é? Pois bem o código do efeito sombreado eu peguei no Cherry Bomb, juntamente com o código do efeito no fundo do post, mas eu dei uma mexida no efeito sombreado. Que tal parar de enrolação e vamos logo.
Primeiro vamos colocar o fundo no título do post, faça o seguinte
Aperte ctrl f e procure por: /* Posts, você irá ver isso (ou algo parecido):

/* Posts
----------------------------------------------- */
h3.post-title {
  margin-top: 20px;
}

Abaixo de h3.post-title {, coloque este código background-color: #f8a7ff; modifique apenas o que eu selecionei de azul e visualize, e olhe se está tudo certo, não salve ainda agora vamos colocar o efeito sombreado, no mesmo codigo /* Post, um pouco mais abaixo você irá ver isso:

h3.post-title a:hover {
  text-decoration: underline;
}

Na frente de text-decoration: underline; coloque este código: text-shadow: 3px 2px 3px #e06666; lembrando que,  as partes selecionadas de azul são equivalentes á distancia do sombreado em relação ao texto, o que está em roxo é equivalente ao esfumaçado do sombreado e o de azul-marinho é a cor do sombreado. Dica se você não quiser o sombreado mas também não quiser aquela linha horrorosa que fica em baixo do title quando passa o mouse é só apagar underline;. Modifiquem de acordo com sua criatividade rsrs. Até o próximo tutorial