Cómo quitar la sombra que sale alrededor de la columna de la plantilla Simple

Hace unas semanas vimos cómo hacer copia tanto de la plantilla HTML (diseño blog) como del contenido de nuestro blog (posts, comentarios, etc.)

Por cierto, si alguien se lo ha perdido, puede verlo aquí; es importante tener siempre esto a mano.

Pero cómo os dije, lo mejor es que siempre hagáis un pantallazo del antes y del después.

Os explico por qué:

Si por ejemplo tocáis la plantilla para cambiar una cosa, y luego cambiais otra y otra más, y hacéis copia, si luego queréis quitar ese primer cambio, y reestableblecéis el blog a cómo estaba cuando hicistéis la copia, váis a perder los dos últimos cambios, que no queréis quitar.

Si tenemos guardado cómo estaba antes de ese cambio en concreto y cómo estaba después, si queremos quitar esa cosa, sólo tendremos que volver a dejar la plantilla como en la foto de ese antes.

Y metido este rollo, pasamos a ver paso por paso cómo quitar la sombra que pone Blogger alrededor de la columna total del blog.

Por si alguien se pregunta qué es esto... esto es (y también está arriba, sólo que como este blog tiene la barra de Blogger, no se aprecia bien):

En las que no tienen fondo blanco, es menos obvia, pero a mi me gusta quitarla para que el fondo en esa zona no se vea más oscurito, sino que quede bien limpito.

(Por supuesto en blogs con fondo oscuro, no hace falta para nada, es solo con fondos claritos)

Además es muy fácil.

✎ Id a Plantilla

✎ Edición de HTML

✎ Continuar

✎ Y buscad:

.content-outer {
-moz-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 10px #333333;
box-shadow: 0 0 40px rgba(0, 0, 0, .15);
margin-bottom: 1px;
}

✎ Para ello abrid el cuadro de búsqueda (Crtl + F) y escribid:

.content-outer

Eso os hará encontrar lo que estábamos buscando

✎ Ahora borrad las cuatro líneas que contienen la palabra shadow

Fijaos en mi plantilla antes:

Y después; simplemente he seleccionado las cuatro líneas y le he dado a suprimir:

✎ Dad a Vista previa para comprobar que la sombra ya no está pero que todo lo demás está bien.

Con un fondo "normal", o sea, no blanco liso, será menos obvio el cambio, pero siempre está bien para que no quede esa zona rara (y también arriba si habéis quitado la barrita de Blogger).

✎ Dad a Guardar plantilla y cerrar la ventana

¡Y ya está!

Nota: ya sabéis que si al dar a Vista previa vemos que no ha funcionado lo que queríamos o se ha estropeado alguna otra cosa, hay que dar a Borrar cambios. Cuando nos pregunte si queremos descartar todos los cambios no guardados, le damos a Aceptar y cerramos el cuadro de edición de HTML.

Ah, y si lo que queréis es un blog todo blanquito, no os olvidéis poner las rayitas separadoras (Blogger les llama acentos) en color blanco también ;)

Espero que os haya gustado.

Besos,