Maratona de Tutoriais - Mudando o fundo das colunas deixando apenas em cada gadget

Oieee minhas tortas de beterraba com recheio de limão ( Brincadeirinha ) . Bom hoje vou ensinar a mudar o fundo das colunas deixando apenas em cada gadget, ou seja deixar os gadgets separados, antes um aviso: Amanha é o último dia da maratona de tutoriais, peçam tutoriais por comentário, e as aulas estão chegando , e antes de ir embora quero dizer : EU TE AMO FÉRIAS   kkkkkkk

Antes vou dar os merecidos e devidos créditos ao Material Extras

Chega de conversa e vamos ao que interessa.Se ainda não sabe do que estou falando veja um exemplo na imagem abaixo:

Clique na imagem para ampliar ! CRÉDITOS DE NOVO PARA O MATERIAL EXTRA

Vamos lá :
Primeiro vá em  Designer do modelo > Avançado > Plano de fundo da barra lateral > e coloque Transparente > Depois em Editar HTML > Ctrl + F > e procure por > /* Widgets > deve aparecer assim:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}

Acrescente dentro das chaves o seguinte elemento:  Background: #cccccc;E onde está #cccccc Você troca pela cor que quer o fundo caso queira uma imagem troqueBackground: #cccccc;     por  :     background-image: url(URL DA SUA IMAGEM);Devendo ficar assim:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
Background: #cccccc;
}

Visualize e se estiver dado tudo certinho salve , Então é isso gente , Bjokas XOXO Bye , Nhac *-*
CRÉDITOS DE NOVO PARA O MATERIAL EXTRA