sábado, 7 de abril de 2012

Colocar imagem no fundo do título do sidebar



Se você quiser colocar um fundo no título da gadget, é bem fácil, sem erro, vamos começar:

Design > Editar HTML > Ctrl + F > e procure por /* Headings:

E você encontrará:

/* Headings
----------------------------------------------- */

e depois disso você encontra:

.footer-inner .widget h2,
.sidebar .widget h2 {
padding-bottom: .7em;
}

embaixo de "padding-bottom: .7em;" e antes da "}", coloque:

background-image: url(URL DA SUA IMAGEM);
background-position: center; 

Deve ficar assim:

.footer-inner .widget h2,
.sidebar .widget h2 {
padding-bottom: .7em;
background-image: url(URL DA IMAGEM);
background-position: center;
}

Aonde está "AZUL", troque por sua imagem

HEY MONSTER'S

OBS: Não salve, visualize, pois você tem que testar o tamanho da imagem para caber certinho no topo, senão sairá deformado.

Se quiser colocar um fundo, invés de imagem, troque o "background-image: url(URL DA IMAGEM);"
por ' background: #000000; ' e aonde está o código de cor, coloque pela sua desejada

Nenhum comentário:

Postar um comentário