Avisos
Vaciar todo

Colocar CSS en filtrado productos  

 
Pablo
 Pablo
Usuario experto

Hola!
Estoy trabajando en la versión móvil y tablet de mi sitio.

Captura de pantalla 2020 11 22 a las 19.14.52

Me gustaría introducir unas líneas de CSS en el constructor de divi para que el plugin beRocket luzca mejor, de forma que cuando se despliegue las opciones de filtrado no se muestren al 100% del ancho de pantalla.

Como podéis ver ya lo tengo localizado en chrome y ajustado (me gustaría que quedase como muestra la captura), sólo tengo que pegarlo en el sitio correcto.

Captura de pantalla 2020 11 22 a las 19.14.35

pero no consigo ubicarlo en el contructor, me pierdo un poco con las clases y los ids:

Captura de pantalla 2020 11 22 a las 19.26.12
Captura de pantalla 2020 11 22 a las 19.25.54

 

Gracias

Contenido solo visible a usuarios registrados

Este debate ha sido modificado el hace 6 meses por Pepe
Citar
Respondido : 22/11/2020 6:30 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Pablo,

Prueba si el siguiente código te permite añadir el espacio que necesitas, puedes incorporar este código en el apartado Apariencia -> Personalizar -> CSS Adicional

@media only screen and (max-width: 467px) {

.berocket_element_above_products_is_hide_toggle {
width: 100% !important;
}

.berocket_element_above_products_is_hide {
width: 100% !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
}

Verifica esto y nos comentas como ha ido todo

Un Saludo

ResponderCitar
Respondido : 22/11/2020 6:45 pm
Pablo
 Pablo
Usuario experto

@karen Genial!
Ahora, ocurre que en la versión escritorio el contenido del filtrado se muestra debajo del módulo tienda.
Tenéis en Webempresa academy algún curso de CSS aplicado a wordpress?

 

Mil gracias de nuevo 🙂

ResponderCitar
Respondido : 22/11/2020 7:12 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Pablo, 

¿Podrías adjuntar una captura de pantalla donde visualicemos el problema que describes? Por favor, ya que he visitado tu sitio pero no loro identificar a qué te refieres. 

En el curso de Divi Avanzado hay una sección de CSS, podría servirte -> curso-divi-4-avanzado

Saludos

ResponderCitar
Respondido : 22/11/2020 9:46 pm
Pablo
 Pablo
Usuario experto

@bulmaro-webempresa, cuando haces hover sobre el filtrado el módulo de tienda queda por encima. https://lacolectivaprints.com/

Captura de pantalla 2020 11 22 a las 20.10.35

 

ResponderCitar
Respondido : 22/11/2020 10:49 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@pablo-gonzalezslgmail-com

Hola Pablo, 

Muchas gracias por la captura, por favor, agrega el siguiente código desde Apariencia -> Personalizar -> CSS Adicional:

div.et_pb_row_4{
z-index:999 !important;
}

Saludos 

ResponderCitar
Respondido : 22/11/2020 11:04 pm
Pablo
 Pablo
Usuario experto

@bulmaro-webempresa ok pero ahora al hacer hover sobre el filtrado se produce un efecto raro, el modulo de tienda se mueve.

 

ResponderCitar
Respondido : 23/11/2020 7:58 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Pablo,

Este efecto (hover) se da ya que esta indicando hay una interacción en un elemento, es decir que al seleccionarlo y pulsarlo se mostrará algo. Esto usualmente le da la sensación al usuario que esta interactuando con tu sitio web y que en un elemento especifico al pulsar sobre el o posicionar el puntero esta a punto de ejecutar una acción que busca.

Un Saludo

ResponderCitar
Respondido : 23/11/2020 11:08 am