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

la web es https://lacolectivaprints.com/

Gracias

Contenido solo visible a usuarios registrados

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