Avisos
Vaciar todo

ccs para plugin  

Página 1 / 2
 
jonathan
 jonathan
Estimable Member

hola istale un plugin de slider y en la configuración puse movil 2 columnas y desktop 3 columnas pero en movil se muestra 3 columnas y no me gusta como se ve. me pueden recomendar un ccs que me ayuda a corregir eso gracias es de 490 para abajo que se ven las 3 columnas 

 

Captura de Pantalla 2022 04 07 a la(s) 7.25.16 p. m.

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 08/04/2022 1:29 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Jonathan,

Antes de recurrir a la via CSS podrias mostrarnos la configuración y nombre de ese plugin al que haces referencia? quizás la solución este alli y sea mucho mas simple de lo que parece

Muéstranos y con gusto revisamos

Saludos!

ResponderCitar
Respondido : 08/04/2022 1:49 am
jonathan
 jonathan
Estimable Member

@bruno-vichetti Hola se llama YITH WooCommerce Product Slider Carousel Premium

Captura de Pantalla 2022 04 08 a la(s) 5.28.01 a. m.
Captura de Pantalla 2022 04 08 a la(s) 5.28.44 a. m.

 

ResponderCitar
Respondido : 08/04/2022 11:29 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Jonathan, 

Ya que es un plugin de pago no podemos ver porque no funciona; sin embargo, puedes probar si el siguiente código CSS te permite mostrar los productos como deseas en tu versión móvil. 

@media only screen and (max-width: 500px) {
.owl-item {
width: 13.9% !important;
}
}

Verifica esto y nos comentas como ha ido todo

Un Saludo 

ResponderCitar
Respondido : 08/04/2022 1:01 pm
jonathan
 jonathan
Estimable Member

@karen Hola le puse el codigo pero sigue igual

WhatsApp Image 2022 04 08 at 8.35.22 AM

 

ResponderCitar
Respondido : 08/04/2022 2:36 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jonathan.

Veo que el código que te indico mi compañera esta funcionado:

Captura de pantalla 2022 04 08 a las 15.47.15

Añade el código en Apariencia -> Personalizar -> CSS Adicional

 

Una vez añadido si se muestra igual lo revisas recargando la cache con la tecla F5 si utilizas Windows.

 

Un saludo

 

ResponderCitar
Respondido : 08/04/2022 2:52 pm
jonathan
 jonathan
Estimable Member

@pepesoler hola mira que tengo un iphone 11 y un 7 y en los 2 se ve de 3 no de 2 

ResponderCitar
Respondido : 08/04/2022 3:11 pm
jonathan
 jonathan
Estimable Member

@pepesoler ya lo puse en 489 y quedo funcionando bien ahora quiero replicar otro slider mas abajo y quiero que quede igual tengo que meterle el mismo codigo ? o ya lo coje solo con ese ccs ?

ResponderCitar
Respondido : 08/04/2022 3:15 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jonathan.

Pues veo que se muestra bien, la captura es con un iPhone

Archivo 000 (7)

 

un saludo

ResponderCitar
Respondido : 08/04/2022 3:16 pm
jonathan
 jonathan
Estimable Member

@pepesoler si señor lo baje a 489 y que funcionando me puedes ayudar con esto:

@pepesoler ya lo puse en 489 y quedo funcionando bien ahora quiero replicar otro slider mas abajo y quiero que quede igual tengo que meterle el mismo codigo ? o ya lo coje solo con ese ccs ?

ResponderCitar
Respondido : 08/04/2022 3:23 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Jonathan, 

En este caso para la sección de abajo se usa otra clase por lo que no funciona igual, en este caso para esta sección debes añadir el siguiente código en el media query donde se muestra las opciones para la resolución que deseas

.et_pb_column .woocommerce ul.products li.product:nth-child(n) {
width: 43.667%!important;
}

Un Saludo 

ResponderCitar
Respondido : 08/04/2022 3:28 pm
jonathan
 jonathan
Estimable Member

@karen debe poner ese codigo apenas replique el slider ?

ResponderCitar
Respondido : 08/04/2022 3:56 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Jonathan, 

No, en este caso esto se aplicará a la sección actual. Si añades otro slider igual como el de la sección de Biotin el primer código ya añadido debe funcionar de forma global.

Un Saludo 

ResponderCitar
Respondido : 08/04/2022 3:59 pm
jonathan
 jonathan
Estimable Member

@karen mira que agregue el slider y como se ve ( no he puesto el codigo que me enviaste todavia ) lo pongo ?

WhatsApp Image 2022 04 08 at 10.01.45 AM

 

ResponderCitar
Respondido : 08/04/2022 4:02 pm
jonathan
 jonathan
Estimable Member

@karen gracias pero se ve de 3 que tengo que hacer para corregirlo ?

 

ResponderCitar
Respondido : 08/04/2022 4:15 pm
Página 1 / 2