Com este tutorial de como retirar a borda das imagens do blog, o efeito vai ser:
Com borda
Retirar a borda das imagens do blogger |
Depois do tutorial ficará assim:
Retirar a borda das imagens do blogger |
.post-body img, .post-body .tr-caption-container
Feito isso irá aparecer um código CSS deste género:
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
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);
}
.post-body img, .post-body .tr-caption-container {
padding: $(image.border.large.size);
}
Encontrado o código, devem substitui-lo por este:
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
background:transparent;
}
.post-body img, .post-body .tr-caption-container {
background:transparent;
}
Ou mesmo remover essa parte do código.
Feito isto temos o tutorial de como retirar a borda das imagens do blogger, realizado por Uncomplicated Works concluído, espero que tenham aprendido algo, se não tiverem percebido, deixem nos comentários!
da para colocar 0, 0, 0, 0 em vez de remover, o poblema e que nunca acho esses codigos, mesmo com o ctrl f
ResponderEliminarBoas, pode-me enviar o link do seu blog?
Eliminartb não acho esse trecho no meu blog, ajuda aki.
Eliminarhttp://jezielipristine.blogspot.com.br/
to usando o modelo de Visualizações dinâmicas
Boas, terá de adicionar este trecho ao CSS do seu blog!
Eliminar.article .article-content img:not(.deferred) {
padding: 0px!important;
}
Para encontrar o CSS, pressione CTRL + F e pesquise por ]]>
Feito isso adicione o código anterior antes da tag pesquisada!
Cumprimentos!
Este comentário foi removido pelo autor.
Eliminarnão achei os codigos
ResponderEliminarBoa noite, abra o modelo e pesquise por: .pagepost img
EliminarIrá encontrar um código igual a este:
.pagepost img {
max-width: 580px;
padding: 3px;
border: 1px solid #DDD;
box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
height: auto;
}
Agora apague esse código e coloque este:
.pagepost img {
max-width: 580px;
padding: 3px;
height: auto;
}
Se não funcionar procure por ]]> e coloque isto antes:
.pagepost img {
border: none!important;
box-shadow: none!important;
}
Espero ter ajudado, qualquer dúvida contacte!
não achei os codigos
ResponderEliminar