Tutorial - Personalizando os títulos do Gadget

Hooy! A leitora Daniela fez a seguinte pergunta:

Então, vou tentar explicar-lhes como o fazê-lo:

1º Vá em Modelo> Editar HTML e procure por: h2 {

Irá aparecer mais ou menos esse código: 

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

2º Apague tudo e coloque esse no lugar:

.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*/ }

Para alterar as cores, você dever mexer nessa parte aqui:

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

Se você quiser colocar uma imagem, no lugar onde está escrito: "#fbfbfb" substitua assim:

background: url(link_da_imagem) no-repeat center; height: 30px;/*Altura da imagem*/ width: 200px; /*Largura da imagem*/

Espero ter ajudado, Bjoon!