Programación
Bienvenidos al foro de Programación Web, un espacio dinámico y colaborativo para todos los apasionados del... Ver más
Organizadores:
- Organizado por
-
-
Duda CSS en Divi con selector HAS
-
Duda CSS en Divi con selector HAS
Hola buenas!
Pongo por aquí una duda de CSS que no consigo solventar por si a alguien se le puede ocurrir la solución.
La web es la siguiente: https://estudiomatrelle.com/Como veis, hay un formulario de suscripción a la newsletter al final de la home (hecho con Divi Form Builder).
La fila que contiene el formulario tiene un gradiente amarillo blanco, así:
.et_pb_row_15´{
linear-gradient(180deg,#fcfc00 60%,#fcfcff 60%);}
¿Qué ocurre? Que cuando se rellena el formulario y salta el mensaje de gracias, la fila sigue aplicando el gradiente, lo cual queda mal, porque sale cortado (capturas adjuntas).
El soporte de Divi Engine me ha dado el siguiente selector para apuntar a la fila (cuando lleva el mensaje de gracias) pero no me funciona:
.et_pb_row_15:has(.message.message_success)
¿Alguien que sepa mucho de CSS y me pueda ayudar?
Mil gracias y buen día!
-
3 Respuestas
-
Hola Icíar, aparentemente lo que quisieron decir es que debes agregar un pequeño Snippet de CSS para que cambie el porcentaje de Background cuando aparezca el mensaje de éxito, el CSS que debes colocar está adjunto, y debes colocarlo en las opciones de esta página para que se ejecute solo allí.
Aún así no queda centrado, pero esto es debido a que tienes un “margen superior” en la columna del 3%, deberías colocarle un margen inferior a esta columna también del 3% para que se vea todo correcto.
-
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%);
}
-
Excelente Icíar, gracias por compartir la solución con toda la comunidad 😊🖐
-
-
La discusión ‘Duda CSS en Divi con selector HAS’ está cerrada para nuevas respuestas.
