Cómo eliminar las líneas de separación entre entradas y gadgets en un blog
Las líneas de separación punteadas que hay entre un gadget y otro, o entre una entrada y otra, en una plantilla Mínima nunca me gustaron; por eso cuando me decidí a personalizar mi blog de una vez por todas, lo primero que hice fue eliminarlas.
1. Para eliminar las líneas de separación del encabezado.
Para hacer desaparecer las líneas que recubren el Header, es decir el título y la descripción del blog, lo haremos situándonos en:
/* Header
-----------------------------------------------
Sustituimos el valor border: 1px por border: 0px en todos los códigos que veamos la palabra border dentro de Header.
2. Para eliminar las líneas de separación entre las entradas.
Si deseamos eliminar las líneas de separación entre los post, buscamos:
/* Posts
-----------------------------------------------
Y en esta parte del código:
Sustituimos border-bottom: 1px por border-bottom: 0px
3. Para eliminar las líneas de separación entre los gadgets.
Con la sidebar (columna derecha y/o izquierda dependiendo de la plantilla) e inclusive los gadgets que hay a pie o encima de cada post, buscamos lo siguiente:
/* Sidebar Content
----------------------------------------------- */
Y un poco más abajo encontraremos lo siguiente:
Sustituimos border-bottom: 1px por border-bottom: 0px y eso hará que las líneas divisorias desaparezcan.
Lógicamente si lo que deseamos es que esas líneas no desaparezcan sino darles mayor tamaño, lo que haremos, será en vez de añadir 0 a border, aumentar su tamaño con un valor mayor a 1.
1. Para eliminar las líneas de separación del encabezado.
Para hacer desaparecer las líneas que recubren el Header, es decir el título y la descripción del blog, lo haremos situándonos en:
/* Header
-----------------------------------------------
Sustituimos el valor border: 1px por border: 0px en todos los códigos que veamos la palabra border dentro de Header.
2. Para eliminar las líneas de separación entre las entradas.
Si deseamos eliminar las líneas de separación entre los post, buscamos:
/* Posts
-----------------------------------------------
Y en esta parte del código:
1 2 3 4 5 | .post { margin:.5em 0 1.5em; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; } |
Sustituimos border-bottom: 1px por border-bottom: 0px
3. Para eliminar las líneas de separación entre los gadgets.
Con la sidebar (columna derecha y/o izquierda dependiendo de la plantilla) e inclusive los gadgets que hay a pie o encima de cada post, buscamos lo siguiente:
/* Sidebar Content
----------------------------------------------- */
Y un poco más abajo encontraremos lo siguiente:
1 2 3 4 5 | .sidebar .widget, .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em; } |
Sustituimos border-bottom: 1px por border-bottom: 0px y eso hará que las líneas divisorias desaparezcan.
Lógicamente si lo que deseamos es que esas líneas no desaparezcan sino darles mayor tamaño, lo que haremos, será en vez de añadir 0 a border, aumentar su tamaño con un valor mayor a 1.
