Avisos
Vaciar todo

ccs para plugin

28 Respuestas
5 Usuarios
0 Reactions
83 Visitas
Respuestas: 109
Estimable Member
Topic starter
 

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


 
Respondido : 08/04/2022 12:29 am
Bruno
Respuestas: 6487
Illustrious Member 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!


 
Respondido : 08/04/2022 12:49 am
Respuestas: 109
Estimable Member
Topic starter
 

@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.

 


 
Respondido : 08/04/2022 10:29 am
Karen Rios
Respuestas: 18684
Illustrious Member 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 


 
Respondido : 08/04/2022 12:01 pm
Respuestas: 109
Estimable Member
Topic starter
 

@karen Hola le puse el codigo pero sigue igual

WhatsApp Image 2022 04 08 at 8.35.22 AM

 


 
Respondido : 08/04/2022 1:36 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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

 


 
Respondido : 08/04/2022 1:52 pm
Respuestas: 109
Estimable Member
Topic starter
 

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


 
Respondido : 08/04/2022 2:11 pm
Respuestas: 109
Estimable Member
Topic starter
 

@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 ?


 
Respondido : 08/04/2022 2:15 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Jonathan.

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

Archivo 000 (7)

 

un saludo


 
Respondido : 08/04/2022 2:16 pm
Respuestas: 109
Estimable Member
Topic starter
 

@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 ?


 
Respondido : 08/04/2022 2:23 pm
Karen Rios
Respuestas: 18684
Illustrious Member 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 


 
Respondido : 08/04/2022 2:28 pm
Respuestas: 109
Estimable Member
Topic starter
 

@karen debe poner ese codigo apenas replique el slider ?


 
Respondido : 08/04/2022 2:56 pm
Karen Rios
Respuestas: 18684
Illustrious Member 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 


 
Respondido : 08/04/2022 2:59 pm
Respuestas: 109
Estimable Member
Topic starter
 

@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

 


 
Respondido : 08/04/2022 3:02 pm
Respuestas: 109
Estimable Member
Topic starter
 

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

 


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