Avisos
Vaciar todo

[Resuelto] Algun codigo css para regular el espacio entre columnas

14 Respuestas
3 Usuarios
0 Reactions
57 Visitas
Respuestas: 256
Reputable Member
Topic starter
 

Hola he estado intentado poder reducir el espacio entre columnas de este modulo, adjunto imagen donde marco los espacios me gustaría reducir, se lo agradecería chicos, desde ya un buen día.

Se encuentra en la pagina principal este elemento: www.mercadoautoschile.cl

Captura de Pantalla 2020 11 18 a la(s) 11.40.21

 

Contenido solo visible a usuarios registrados


 
Respondido : 18/11/2020 2:44 pm
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Carlos,

En tu plantilla hay una regla que ajusta la columnas col-lg según un padding para cada una, por ejemplo para esta sección veo que se aplica esta regla y aplica un padding de 15px

imagen

Si deseas reducir este espacio para esta columna puedes probar por ejemplo

.col-lg-2, .col-md-3, .col-sm-6 {
padding-left: 5px !important;
padding-right: 5px !important;
}

Solo ten en cuenta que esta regla que va a aplicar a todas las secciones que tengan esta clase añadida entre las columnas

Un Saludo


 
Respondido : 18/11/2020 2:52 pm
Respuestas: 256
Reputable Member
Topic starter
 

Funciono a la perfección, nose si me podrás ayudar a poder dar un borde a cada aviso, te lo agradecería 


 
Respondido : 18/11/2020 3:39 pm
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Carlos,

Disculpa puedes indicarnos a cuales avisos te refieres del sitio web? no logro comprobar exactamente cuales son estos avisos.

Un Saludo


 
Respondido : 18/11/2020 4:03 pm
Respuestas: 256
Reputable Member
Topic starter
 

Si serian los mismos que se hicieron ajustes de columnas a esos les llamo avisos

Captura de Pantalla 2020 11 18 a la(s) 13.49.09

 
Respondido : 18/11/2020 4:49 pm
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Carlos,

Entiendo, comprueba si el siguiente código CSS funciona para lo que necesitas añadir

.listing_module__2EnGq.wil-shadow.js-grid-item.js-listing-module.mb-30.wilcity-belongs-to-plan-professional__trashed-2.wil-flex-column-between {
border: 3px solid #000;
}

.listing_module__2EnGq.wil-shadow.js-grid-item.js-listing-module.mb-30.wilcity-belongs-to-plan-empresa.wil-flex-column-between {
border: 3px solid #000;
}

Nos comentas como ha ido todo

Un Saludo

 


 
Respondido : 18/11/2020 5:11 pm
Respuestas: 256
Reputable Member
Topic starter
 

Hola disculpa por la demora, pero tuve unas breves vacaciones, ya estoy de vuelta. Estuve probando el código, pero no me funciona, adjunto imagen.

Gracias por tu tiempo 🙂

Captura de Pantalla 2020 11 24 a la(s) 12.21.32

 


 
Respondido : 24/11/2020 3:23 pm
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Carlos,

Disculpa si no comprendo bien la consulta, veo ahora que si se esta aplicando el borde a las sección que indicabas

Screenshot

Puedes indicarnos cual es el cambio que no se efectúa?

Un Saludo


 
Respondido : 24/11/2020 3:34 pm
Respuestas: 256
Reputable Member
Topic starter
 

Hola buen día, mi intención es dar más borde a estos anuncios o loop, adjunto imagen

Captura de Pantalla 2020 11 26 a la(s) 23.15.38

 


 
Respondido : 27/11/2020 2:17 am
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

@formusicprogmail-com

Hola Carlos,

Por favor, ¿Podrías aclararme a que te refieres con dar más borde o loop?

Saludos 


 
Respondido : 27/11/2020 2:56 am
Respuestas: 256
Reputable Member
Topic starter
 

En la captura se ven 5 anuncios así les llamo, estos anuncios tienen un borde que mi intención es poder darle mas border radius, las puntas mas redondeadas


 
Respondido : 27/11/2020 3:28 am
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

@formusicprogmail-com

Hola Carlos, 

Prueba con el siguiente código:

.listing_header__2pt4D {
  border-radius: 9px 9px 0 0 !important;
}

.listing_module__2EnGq {
   border-radius: 9px !important;
}

Saludos 


 
Respondido : 27/11/2020 4:55 am
Respuestas: 256
Reputable Member
Topic starter
 

Funciono perfectamente muchas gracias, ni con el yellow css podría encontrar con la modificación, que tengas un buen día.


 
Respondido : 27/11/2020 8:18 am
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Carlos,

Enhorabuena lograste modificar lo que necesitabas, siempre estamos encantados de poder ayudarte

Con esto podemos dar el tema como solucionado, escríbenos si tienes cualquier otra consulta

Un Saludo 😊 


 
Respondido : 27/11/2020 11:10 am