Colocando cor ou imagem nos titulos da sidebar

Para colocar cor ou mesmo uma imagem nos títulos da sidebar,procure este trecho do código do seu template (lembrando sempre que todos os tutoriais são feitos baseados nos códigos do Mínima, do Blogger - sendo assim, é normal que existam diferenças entre o que apresento aqui e seu próprio template)

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

acrescente abaixo:

.sidebar h2{
color: $sidebartextcolor;
line-height: 1.5em;
background: #000000;
margin: 0px;
padding: 8px 0 0 0;
text-align: center;
}



Se no seu template já existir este trecho do seu código, é só colocar background: (valor da cor); e ter certeza de que margin:0px;. Padding afasta o título do topo da coluna - você pode alterar este valor ao seu gosto. Para que o texto não fique colado na lateral esquerda (já que margin = 0) coloque texto alinhado no centro.

Se você deseja inserir uma imagem, por exemplo, é só colocar:

*se a imagem tem o mesmo tamanho e altura especificada para o titulo:
background: url(endereço da imagem);

*ou, se a imagem for menor e você deseja que ela se repita:
background: url(endereço da imagem) repeat-x;

0 comentários: