Tutorial - Como remover o fundo cinza da sidebar modelo viagem!




Bom pessoal, depois do tutorial de como remover o fundo cinza do corpo do blogger no modelo viagem, agora vamos remover também das barras laterais, tanto para quem usa na esquerda ou na direita dependendo do layout de cada um.

Muita gente procura este tutorial, pois a maioria só ensina como remover o fundo cinza que fica no corpo do blog e acaba ficando nos gadgets laterais este fundo horrível, veja na imagem acima.

Vamos lá:

1- Como sempre, antes de editar o seu código, faça um backup para ter problemas depois;

2- Entre no blog, modelo, editar html e pressione CTRL + F;

3- Para remover o fundo da lado direito, procure por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

4- Para remover o fundo do lado esquerdo procure por:

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


5- Depois de achar esta parte do código você vai remover esta parte do código, depois da palavra background:

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



Tanto faz do lado direito como do lado esquerdo, o código será o mesmo.

Clique em visualizar, se deu tudo certo, salve e pronto.
Obrigado e até o próximo tutorial.



6 comentários:

  1. Adorei e usei. Um bjo

    omundofofodanerd.blogspot.com
    nerd-absoluta.blogspot.com

    ResponderExcluir
  2. Muito obrigado!Tava querendo tirar aquela coisa horrivel pois deixava meu blog feio!
    Amei!!!

    ResponderExcluir
  3. Eu consegui tirar o fundo mas tirou o título do gadget tbm :(

    ResponderExcluir
  4. Boa noite. Você não imagina o quanto o seu artigo foi útil pra mim. Pois eu havia inserido uma imagem e estava tentando remover, porém não lembrava mais o código no HTML. Muito obrigada.

    ResponderExcluir