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á.

1. 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

Códigos

h2 {

  font: $(widget.title.font);

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

}

2. Apague toda essa parte e coloque no lugar essa aqui

Códigos

.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 

Códigos

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

por

Códigos

background: url(link_da_imagem) no-repeat center;

height: 30px;/*Altura da imagem*/

width: 200px; /*Largura da imagem*/