sábado, 23 de septiembre de 2017

Quitar los bordes en las imágenes de Blogger

Decidí hacer una entrada al respecto debido a que siempre que creo un blog termino buscando lo mismo y los resultados de búsqueda me arrojan resultados de hace 10 años, no sirven y hay que seguir buscando, tan inteligentes los buscadores no son, de hecho carecen de tal atributo, solo hacer cruzamiento de información en gigantescas bases de datos y aplican filtros, a eso le llaman muchas veces inteligencia, en fin.

Por eso decidí arreglarlo por mi cuenta y funcionó. Desde ya que hay que editar la plantilla y buscar img o post-body:


.post-body {
  font-size: 110%;
  line-height: 1.4;
  position: relative;
}

.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:
0px solid $(image.border.color);

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

.post-body img, .post-body .tr-caption-container {
  padding: $(image.border.large.size);
}

.post-body .tr-caption-container {
  color: $(image.text.color);
}

.post-body .tr-caption-container img {
  padding: 0;

  background: transparent;
  border: none;

  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}


Resaltado los valores que modifiqué.
Guardar y listo, chau bordes y sombras. Hecho en 2017 para el tema simple de Blogger/BlogSpot.