COMO TIRAR AS BORDAS BRANCAS QUE APARECEM NAS IMAGENS QUANDO POSTADAS

         Passei horas procurando  "como tirar as bordas brancas das postagens", não sei se incomoda algumas pessoas, mas me incomodava muito, achava feio aquelas bordas nas imagens. Procurei, procurei e achei um post e vou tentar colocar de forma mais clara possível.

        Era assim que ficavam as imagens antes de encontrar a solução ...com essas bordas que eu não gostava nem um pouco. Olhem como ficavam as imagens emPNG, com um fundo branco que atrapalhava muito, principalmente na hora de postar, porque o branco ocupava muito espaço.

Agora, depois de seguir todas as dicas, as imagens ficaram bem melhor ...vejam a diferença !!!

Bem vamos deixar de enrolação e vamos ao que interessa, é simples de ser feito, é só um pouquinho de atenção e pronto !!!

* Abrir o blog....Designs....Modelo....Editar HTML....Clic dentro da caixa de códigos e Ctrl + f para abrir a caixa de pesquisa. Então procure por estes códigos:

background: $(image.background.color); border: 1px solid $(image.border.color); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

Depois que encontrar substitua os números que aparecem em Cor de Rosa...por zero. Vai ficar assim:

background: $(image.background.color); border: 0px solid $(image.border.color); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .0); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .0); box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);

    Dê uma visualizada no blog...se estiver tudo ok é só salvar e pronto!!!  Mas....sempre tem um mas não é?

    Se esta dica não der certo, ainda tem mais uma. Vamos lá...... Voltando para a caixa de códigos (HTML)....

                   Digite       /* Widgets

                  Vá procurando nas linhas abaixo por : 

                       background: #fff;

                      -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

                      -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
                      -goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
                       box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

                 Apague todas essas partes, dê outra visualizada para ver se deu certo. todas as imagens dos posts inclusive do side bar estarão sem aquela borda branca cruel. Explicando :

                         

                 background: #fff;    ( é a borda branca)

                 e o restante, os outros códigos  ( é uma sombra que fica nas imagens postadas).

                  

                  Espero ter ajudado...no meu blog a segunda opção foi a que deu certo !!!
    A solução desse problema de tanto procurar, encontrei no Blog: " Um toque para Você".