Issue #2651💬 RespondidoAbierto el 14 de marzo de 2020por orionseyeReacciones 0

¿No es accesible la imagen de fondo mediante el estilo en línea?

Respuesta rápidapor orionseye

Extraño... He tenido que usar explícitamente una clase específica para acceder a la imagen de fondo (en mi caso es clase .bg). El .bg #desc-text-6 no funcionará. Ahora, dado que .bg es una declaración de estilo global, necesito aprovechar #desc-text-6 .bg Incluso añadiendo una nueva clase solo para mi fondo, de nuevo...

Lee la respuesta completa abajo ↓

Pregunta

Esto es muy sencillo, pero no puedo acceder al conjunto de imágenes de fondo vía CSS, dentro de mi bloque personalizado 'contenido'. ¿Cómo cambio la imagen de fondo aquí? (incluso editor.getCss 've' el estilo) https://codepen.io/dimimet/pen/NWqYmbB

¡Salud!

Respuestas (3)

orionseye14 de marzo de 2020

Extraño... He tenido que usar explícitamente una clase específica para acceder a la imagen de fondo (en mi caso es clase .bg). El .bg #desc-text-6 no funcionará.

Ahora, dado que .bg es una declaración de estilo global, necesito aprovechar #desc-text-6 .bg Incluso añadiendo una nueva clase solo para mi fondo, de nuevo el editor dificulta que el usuario acceda a la imagen de fondo de forma fácil. En su lugar, tiene que alternar la clase correcta y luego acceder al estilo. Y si el elemento (como en mi demostración) está posicionado en absoluto... simplemente desaparece... Y el usuario (obviamente) también.

Vi una configuración para eso de Artur... pero no recuerdo dónde

orionseye14 de marzo de 2020

Olvídalo... Al leer la mitad de los problemas aquí, vi que hay una pequeña casilla de verificación junto a las clases seleccionadas, que me permitía activar o desactivar la vista de clase. Así puedo añadir una clase única ahora y asignar mi imagen de fondo a esa... Luego, haciendo clic en la casilla LIL, me permitirá 'acceder' a la capa de imagen de fondo.

Debo admitir que esto es duro... Especialmente para enseñar a la gente a hacer eso. En fin, problema resuelto, pero mi recomendación sería que esto necesita una solución.

artf19 de marzo de 2020

Ahora, dado que .bg es una declaración de estilo global, necesito aprovechar #desc-text-6 .bg

No, en realidad no hay absolutamente ninguna buena razón para usar un selector como este '#desc-text-6 .bg', simplemente crea una única clase para tu elemento y apunta tu CSS a ella, ya no hay casillas que desactivar más...

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.