13/1/18

Cómo quitar el fondo a las imágenes en blogger

Hasta que encontré la solución definitiva tardé meses porque cada blog dice que hagas una cosa y yo me volví loca porque ninguna era lo que yo buscaba... hasta que lo encontré. Lamentablemente, no sé en qué blog lo encontré así que no os puedo poner la fuente. Este también es bastante fácil y además os voy a poner el código para que directamente lo peguéis encima y no os volváis locos, ¿os parece bien? 

Para esto os tenéis que ir a tema y luego al html. Cuando estéis en html abrid: <b:skin>. Para eso tenéis que darle al numerito que tiene al lado. Buscad: $(image.background.color) y os saldrá el siguiente código.

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);
}

Pues las dos de arriba las dejáis como están y las tres de abajo las sustituis por esto:

 -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);
}

Y ya está, lo que he hecho ha sido sustituir los números que están fuera del paréntesis por 0 para que las imágenes dejen de tener un fondo raro que les pone blogger por defecto.

No hay comentarios:

Publicar un comentario