Fundo diferente na sidebar e em cada widget

Boa tarde meus cheiros tudo belezinha? Quem ai já está de férias e está acordando tarde hein? Eu que não Saushaushuahs é um sonho bem distante ainda =/ Mas enquanto não chega estamos ai. Gente, eu queria fazer algo que não é tão novidade mas acho que seria de grande utilidade, vocês sabem que eu sempre posto layouts free quando completo alguma meta ou quando tem algum sorteio e tal, lembram que eu havia feito um portfólio? Então, fiz e não deu em nada e acho até engraçado porque quando eu não tinha tempo e não fazia layouts exclusivos muitos me pediam, depois que abri meu próprio portfólio ninguém quis e ninguém teve interesse, então tive uma ideia e acho que muitos irão amar.

Estou pensando em por os três layouts que eu fiz para venda como layouts free, são modelos para blogs pessoais e fogem dos modelos de html, eu tenho uma dó muito grande deixar eles mofando até porque fiz com muito amor e carinho e queria saber da opinião de vocês se concordam e se gostariam de ter esta opção. Por favor leiam todo o post e me falem se vale a pena mesmo e se iriam usar certo? Mudando de assunto, hoje eu trago um tutorial que uma leitora me pediu e que eu acho até bem legal e muito útil, que é por fundo na coluna da sidebar e mudar o fundo de cada widget, não é difícil e fica super fofo vocês só tem que prestar atenção. Então, vamos lá?

LIVE PREVIEW (^3^=)~

Antes de tudo, vá até o seu modelo clique em editar html e procure por esta parte: .main-inner .fauxcolumn-left-outer .fauxcolumn-inner { Isto se sua sidebar for na esquerda e se for na direita é esta parte: .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {  Terá um código abaixo deste que vocês terão que apagar, no caso esta parte:

background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;

Apague o código acima e cole o código a seguir abaixo dele: 

margin-right: VALORpx;

margin-top:VALORpx;

background: #COR;

Ou se quiserem uma imagem no fundo mudem e acrescentem no background o seguinte código: 

background: url("LINK DA IMAGEM") repeat;

Agora para mudar o widget e deixar ele como você quiser primeiro você irá criar os widgets e nomeá-los, no caso crie um sidebar e coloque o nome que irá utilizar neste gadget, depois de salvos vá até o seu modelo e procure o nome que deu ao seu gadget, aqui neste tema eu coloquei gadget 1, gadget 2, gadget 3 e o 4.

Veja como está na imagem:

 repare que cada um tem um código de html que é o nome do seu gadget,  vocês irão pegar a parte que está no HTML? e irão seguir como está no exemplo abaixo:

#HTML4 {

background: #COR; 

color:#COR; COR DA FONTE DO FUNDO DA SIDEBAR

text-shadow: 1px 1px 1px #COR; SOMBRA

}

#HTML4 h2 {

font-size: VALORpx; TAMANHO DA FONTE USADA NO TÍTULO DA SIDEBAR

text-shadow: 1px 1px 1px #COR; SOMBRA

} 

Se quiserem imagem e não apenas preenchimento de cor no fundo optem por: background: url("LINK DA IMAGEM") repeat;

É isso não é difícil, é só seguirem certinho que irá dar tudo certo ok? Beijos e qualquer coisa me chamem na ask!