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%);

    }