Tutorial.

Olá♥

Depois de um bom tempo sem postar tutoriais venho com um bem simples mas que usei recentemente e gostei. É um tuto que ensina a editar a Sidebar, não tem efeitos muito grandes, mas para os principiantes ou até mesmo para um layout mais simples é um bom "quebra galho", confiram.

Em seu HTML abra a caixa de pesquisa e procure por:

/* Headings

Você encontrará algo semelhante a isto: 

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

Apague toda a parte mostrada a cima e no lugar cole o código a seguir:

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 edite a fonte e as cores de acordo com as "instruções" existentes no próprio código, depois é só salvar. Caso você queira por uma imagem de fundo no titulo dos Gadgetes substitua 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*/ 

Faça as modificações de acordo com o que está destacado em negrito e após é só salvar. 

Créditos: Cherry Bomb

Abraços♥