Coloque duas colunas juntas com cores diferentes

Sempre alguém vem perguntando lá no blog como fazia para colocar duas colunas juntas com cores diferentes... enfim, vou contar o segredo rs (Apesar de não ser mais segredo coisa nenhuma, já que já existe tutorial pra isso)
Vamos lá!
1- Vá até Design, Design do Modelo, clique em Layout, selecione um modelo de duas colunas e depois salve.
2- Vá novamente em Design, Designer do modelo, clique em Ajustar Larguras e ajuste o tamanho das colunas.
 Lembre-se de que você deverá ajustar, só que o tamanho da sua coluna multiplicado por dois. Como assim? Se você quer cada coluna com 200 px, você deverá colocar 400 px.
3- Edite uma imagem para o fundo (de acordo com o tamanho das colunas). Se você colocou 400px, a sua imagem deverá ser de 400px.
Exemplo:

Imagem: Menina Nerd. 

4- Se você usou as colunas no lado direito, vá até Design, Editar HTML, aperte CTRL+F e procure por:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

Se você usou as colunas no lado esquerdo, vá até Design, Editar HTML, aperte CTRL+F e procure por:

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

 Irá aparecer assim:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
margin-right: $(content.padding);
background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}

Substitua o que está destacado em rosa por :

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

 Não retire as aspas! URL é o link da imagem que você hospedou.
Visualize, se tiver dado certo, salve! Créditos do tutorial: Menina Nerd.