Responder a: Duda CSS en Divi con selector HAS

  • Iciar Etxebarria Martín

    Miembro
    29 de noviembre de 2023 en 3:00 AM

    Hola Jefferson y equipo!
    Cuento por aquí la resolución del problema por si a agluien le puede servir.

    La indicación de Divi Engine de utilizar el “has”, no sé por qué pero no me funcionaba. Igual Divi aún no lo acepta en CSS o a mí particularmente no me funciona bien (de hecho al ponerlo en opciones de Divi me saltaba como un error de código).

    Entonces, tras mucho investigar, he dado con la solución con Javascript. Le he agregado una clase adicional a la fila si contiene el mensaje de éxito y luego los estilos a esa clase nueva.

    Gracias por avisarme de lo del padding! También lo he corregido y ahora todo va perfectamente, Dejo por aquí los códigos:

    JAVASCRIPT

    document.addEventListener(‘DOMContentLoaded’, function() {

    var filaNewsletter = document.getElementById(‘fila-newsletter’);

    if (filaNewsletter.querySelector(‘.message.message_success’)) {

    filaNewsletter.classList.add(‘success’);

    }

    });

    CSS

    #fila-newsletter.success {

    background-image: linear-gradient(180deg, #fcfc00 100%, #fcfcff 100%);

    }

¡Registrate en nuestro próximo Live!
12 de ENERO de 2024 9:30 hrs (CDMX)
En este evento exclusivo, abordaremos las preguntas sobre ecommerce en Divi, además de responder a cualquier otra pregunta que nuestros suscriptores de la academia tengan en mente.
0
días
0
horas
0
minutos
0
segundos
¡Registrate en nuestro próximo Live!
12 DE ENERO DE 2024 9:30 HRS (CDMX)
0
días
0
hrs
0
min
0
seg
25% OFF BLACK FRIDAY SALE!
Del 24 al 30 de noviembre 2023 descuentos por:
¿Aún no eres miembro Premium ⭐ de UXDivi? ¡Esta es tu oportunidad de oro! Únete a nuestra comunidad de expertos en Divi y disfruta de recursos exclusivos, tutoriales avanzados, y una red de profesionales al alcance de tu mano.
0
días
0
horas
0
minutos
0
segundos
25% OFF BLACK FRIDAY SALE!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% en tu suscripción Premium. ¡Solo durante Black Friday!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% ¡Solo durante Black Friday!
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →