Cómo eliminar el espacio entre la barra lateral de widgets para WordPress

En WordPress, los widgets le permiten agregar una variedad de funciones y contenido personalizado a la barra lateral de su blog. Con los widgets, puede mostrar a los visitantes del blog un archivo de sus publicaciones, una barra de búsqueda personalizada o sus últimas publicaciones de Twitter. WordPress coloca automáticamente un espacio entre cada widget por motivos estéticos. Sin embargo, estas lagunas reducen la cantidad de contenido que un lector puede ver en la página antes de tener que desplazarse hacia abajo. Agregar una línea de código al archivo custom.css de su blog le permite deshacerse de estos espacios.

Abra su navegador de Internet y vaya a su sitio web de WordPress. Escriba su nombre de usuario y contraseña, si se le solicita. Haga clic en "Iniciar sesión".

Haga clic en "Apariencia" en el lado izquierdo de la pantalla. Haga clic en "Editor".

Haga clic en "custom.css" debajo del encabezado Estilos para ver la hoja de estilo personalizada de su sitio web.

Agregue la línea ".custom li.widget {margin-bottom: -10px! Important;}" a la hoja de estilo custom.css. Excluya las comillas al agregar la línea.

Haga clic en "Actualizar archivo".

Haga clic en el nombre de su sitio en la parte superior de la página para ver los cambios. Si aún queda un espacio entre los widgets, regrese a la hoja de estilo custom.css.

Cambie "-10" por "-15". Consulte su sitio web para ver si hay cambios. Pruebe con números negativos más grandes hasta que los espacios se eliminen por completo.

Consejos

Si solo desea eliminar el espacio entre dos widgets, agregue un texto en blanco entre esos dos widgets. Aplicar el código "

"al widget de texto, excluyendo las comillas externas. Vaya a la hoja de estilo custom.css y agregue el código" .widget_space_1 {margin-bottom: 0px; } "al final de la página. Intente cambiar el" 0 "a un número negativo, como -10 o -15, hasta que obtenga los resultados que desea.

Advertencias

Tenga cuidado al editar el código de su sitio web. Eliminar o cambiar cierto código puede provocar cambios no deseados. Considere hacer una copia de seguridad del código antes de cambiarlo en caso de que ocurra un problema.