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ê".
A solução desse problema de tanto procurar, encontrei no Blog: " Um toque para Você".
Nenhum comentário:
Postar um comentário