Avisos
Vaciar todo

[Resuelto] Disminuir espacios entre widgets

4 Respuestas
2 Usuarios
0 Reactions
10 Visitas
Respuestas: 69
Trusted Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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 12:15 pm
Karen Rios
Respuestas: 20074
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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 12:43 pm
Respuestas: 69
Trusted Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

@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 1:57 pm
Karen Rios
Respuestas: 20074
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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 2:18 pm