Cómo eliminar el espacio entre el Sidebar Widgets de WordPress

Los widgets son pequeñas aplicaciones web que muestran en las barras laterales y pies de página a veces de blogs WordPress. El código exacto utilizado para mostrar los aparatos depende del tema, la plantilla que determina el diseño y el estilo de tu blog. Puede editar el tema de cambiar el espacio entre los widgets en la barra lateral mientras está conectado a WordPress. La pantalla Editar Temas le permitirá editar cualquier archivo en el tema, incluido el archivo style.css que rige el espaciado. Editar el archivo a eliminar los márgenes superior e inferior y el relleno de los widgets. 

ELIMINAR ENTRE

Visita su blog de ​​WordPress en un navegador y haga clic para seleccionar "Ver código fuente". Encontrar los widgets en el código y busque el nombre de la clase que comparten:

aparte id = clase "archivos" = "Widget"

Muchos temas usan "widget" en el nombre de la clase, como se muestra en el ejemplo anterior.

Acceda a WordPress y vaya a "Apariencia" de la barra lateral de la izquierda. Coloque la pantalla de edición de temas haciendo clic en el enlace "Editar". Después de cargar la pantalla, el archivo style.css necesita mostrará en el cuadro editor.

Leer a través de su código de style.css y buscar los estilos que hacen referencia a la clase utilizada por sus widgets, tales como los siguientes:

. Widget de {

padding: 10px 20px;

margin: auto 20px;

}

Edite los valores de las propiedades de los márgenes, según sea necesario. Como los widgets apilan una encima de la otra en una barra lateral, edite los valores verticales de los márgenes. Cuando se trata de tales CSS en forma abreviada como "margen: 20px 10px;" (en lugar de "margin-left: 20px;"), editar el primer valor. En el ejemplo, el margen se convertirá en "margen: 20px 0px", que se retirecualquier espacio en la parte superior e inferior del widget, entre él y otros widgets. Cuando se trata de "margen: 10px 20px 10px 20px", cambie el segundo y cuarto valor de cero píxeles. Los cuatro valores de margen en este caso van en sentido horario alrededor de los bordes del widget, empezando por la parte superior.

Realice los mismos cambios en las propiedades de relleno como lo hizo con las propiedades de margen. Los valores funcionan de la misma manera en ambos tipos de propiedad, por lo que su fin es el mismo. La diferencia entre los márgenes y el relleno es que los márgenes van a definir el espacio entre los widgets mientras acolchado establece el espacio dentro del widget. A menudo, el efecto visual de las dos propiedades es la misma, excepto cuando un widget tiene un color de fondo. Agregar el relleno solo si quieres mantener el espacio entre el borde del widget y sus contenidos.

Consejos y advertencias

Familiarizarse con el modelo de cuadro de CSS para que pueda entender mejor cómo funciona la separación en el diseño Web. Este conocimiento le ayudará a evitar los diseños que rompen.

Copia de seguridad de su tema antes de editar sus archivos. Entonces usted puede copiar y pegar el código original en la pantalla "Editar Temas" si arruinas la disposición y no se puede arreglar fácilmente sus errores.