Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

[Resuelto] Disminuir espacios entre widgets  

 
Daniel
 Daniel
Usuario experto

Buenas tardes.

Estoy rediseñando un poco la página de productos, esta:

https://www.mymobilhome.es/categoria-producto/ocasion/

Pero me estoy encontrando que por el espacio entre los widgets apenas me va quedando sitio para incluir algún banner publicitario a la derecha, por lo que desearía si es posible disminuir el espacio que hay entre el texto y la caja de cada widget (en rojo en la siguiente imagen de abajo) y además el propio espacio que hay entre los widgets entre sí. (flecha verde en la imagen).

actual1

La idea es bajar el texto un poco hasta la caja (flecha roja), y luego subir el conjunto de ambos un poco hacia arriba (flecha verde) para que todo quede más junto. La idea sería obtener algo más o menos así:

Anotación 2020 08 20 135432

De esa forma todos los widgets estarían mucho más agrupados y ganaría espacio debajo de ellos.

 

Respondido : 20/08/2020 1:15 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Daniel,

Para esto podrías intentar reducir el padding interno del área de tu widget con el siguiente condigo CSS

.widget-area .widget {
padding: 15px;
}

Actualmente tu paddging para esta sección es de 40px

Comprueba si con esto logras hacer lo que necesitas

Un Saludo

Respondido : 20/08/2020 1:43 pm

Daniel
 Daniel
Usuario experto

@karen

¡Más que bien!.

Con eso conseguí que el espacio entre los widgets fuera bastante menor. Si alguien tiene el mismo problema y además quiere que los textos de los widgets queden a menos distancia de la caja de texto, yo lo solucioné añadiendo al código de karen:

.widget-title{
margin-bottom: 5px;
}

Modificando los valores numéricos de "px" de ambos códigos haces que aumente o disminuya una distancia u otra.

Como de costumbre, gracias Karen por tu ayuda.

Respondido : 20/08/2020 2:57 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Daniel,

Magnifico siempre encantada en ayudarte 😀 , enhorabuena lograste solucionar varias cosas a la vez.

Con esto podemos dar el tema como solucionado.

Un Saludo 😊 

Respondido : 20/08/2020 3:18 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress