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

    }

Haz clic para unirte a la comunidad de diseñadores que están revolucionando el mercado con sus proyectos web 👇

Recuerda: Esta oportunidad es tu primera y más importante inversión hacia el éxito que siempre has soñado. ¡Actúa ahora y empieza a construir el negocio que deseas, mientras creas una vida llena de libertad, estabilidad y propósito!