21 abril 2012

1

Mudar cor dos títulos dos Gadgets

Nesse tutorial estou passando uma dica de como modificar a dor da sua barra lateral do blogger.


Clique em HTML ~> Expandir modelos de widgets ~>  Ctrl+F e procure por h2.
Logo apos vai está mais ou menos assim:

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

Então apague toda essa área e coloque esse código 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*/
}

Caso queira trocar a cor do fundo por uma imagem troque essa parte

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

Por:

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

Antes de salvar é sempre bom visualizar primeiro.

Um comentário: