Avisos
Vaciar todo

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

 
carlos franco
 carlos franco
Estimable Member

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
 Karen Rios
Soporte CMS Webempresa 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

wpdoctor-revisa-la-salud-de-tu-wordpress

carlos franco
 carlos franco
Estimable Member

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
 Karen Rios
Soporte CMS Webempresa 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

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

carlos franco
 carlos franco
Estimable Member

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
 Karen Rios
Soporte CMS Webempresa 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

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

carlos franco
 carlos franco
Estimable Member

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
 Karen Rios
Soporte CMS Webempresa 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

Cursos Gratuitos WordPress

carlos franco
 carlos franco
Estimable Member

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
 Bulmaro
Soporte CMS Webempresa 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

wpdoctor-revisa-la-salud-de-tu-wordpress

carlos franco
 carlos franco
Estimable Member

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
 Bulmaro
Soporte CMS Webempresa 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

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

carlos franco
 carlos franco
Estimable Member

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
 Karen Rios
Soporte CMS Webempresa 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

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación