Tutorial: Personalizando os título da sidebar

Como vão todos vocês? Espero que bem, hoje trago um tutorial que peguei do blog Cherry Bomb de personalizar os títulos dos gadgets. Não modifiquei nada por falta de tempo mas ai está. Vamos lá.

Entre em seu HTML e maque a caixinha expandir widgets, se aparecer algum aviso apenas de um ok! Agora usando o atalho procure por essa tag

h2 { 

Abaixo dessa tag você ira encontrar um trechinho assim

h2 {

  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

 Apague toda essa parte e coloque no lugar essa aqui

.sidebar h2 {

font-family: Century Gothic; /*Tipo de fonte*/
font-size: 16px; /*Tamanho da fonte*/
color: #000000; /*Cor da fonte*/
border-bottom: 2px solid #fff; /*Borda de baixo, apague se não quiser*/
background: #fbfbfb; /*Cor de fundo*/
text-align: center; /*Alinhamento do texto*/
}

Agora é só personalizar as cores se você desejar colocar alguma imagem  substitua o 

background: #fbfbfb; /*Cor de fundo*/ 

por

background: url(link_da_imagem) no-repeat center;

height: 30px;/*Altura da imagem*/
width: 200px; /*Largura da imagem*/