martes, 18 de septiembre de 2018

Quitar el borde y la sombra en las imágenes del blog


En la entrada anterior ya conté como hice para no preocuparme de la colocación de las imágenes en las entradas del blog, adaptándose estas automáticamente.

Ahora lo que quiero hacer es eliminar la sombra y el marco que Blogger añade automáticamente a las imágenes, y dejarlas peladas :P
En Blogger me voy a Tema y pulso el botón Personalizar.




En Avanzado > Añadir CSS me sitúo abajo del todo y añado el siguiente código CSS:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {
  padding: 0px !important;
  background: none !important;
  border: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}






Pulso el botón Aplicar al blog y después Volver a Blogger. Y ya lo tengo, las imágenes sin borde y sin sombra .-)





No hay comentarios:

Publicar un comentario