Editar estilos de paneles (pregunta de novato)
> @sircoko ¿Puedes dar algunos ejemplos de código de lo que tienes y explicar con más detalle qué te confunde?Bueno, no es código, pero puedo explicar mis necesidades bastante mejor con una imagen...En pocas palabras, quiero seguir a partir de aquí: https://imgur.com/a/3UseHB6a algo así: https://imgur.com/Z2B4DR4Como...
Lee la respuesta completa abajo ↓Pregunta
Hola a todos, me gustaría recibir orientación sobre el código que debería añadir/editar para cambiar el aspecto de los paneles. En general, tendré que cambiar todos los estilos de la interfaz, pero quiero empezar con bloques, capas y gestores de estilo.
Quiero poder cambiar el diseño, los colores, etc., para que encaje con la imagen de mi marca.
Intenté leer las preguntas sobre los problemas y la documentación. Pero me siento bastante perdido con los nombres.
¿Alguien podría ayudarme con este camino?
Gracias de antemano
Respuestas (3)
@sircoko ¿Puedes dar algunos ejemplos de código de lo que tienes y explicar con más detalle qué te confunde?
Bueno, no es código, pero puedo explicar mis necesidades bastante mejor con una imagen... En pocas palabras, quiero seguir a partir de aquí: https://imgur.com/a/3UseHB6
a algo así: https://imgur.com/Z2B4DR4
Como ves, los elementos del panel están colocados en una disposición diferente, con estilos distintos, etc. Eso es lo que necesito cambiar
@sircoko Para estilizarlo así creo que tendrás que anular el estilo GJS por defecto con tu propio CSS. Consulta guía de tematización para ayudarte a empezar.
Para el título, creo que tendrás que añadir un nuevo tipo de rasgo para convertirlo en un área de texto. Consulta la guía en la documentación.
En cuanto al orden de los rasgos y estilos, puedes simplemente configurar un diseño personalizado como se muestra en la guía de inicio.
¡Espero que esto ayude!
@sircoko ¿Puedes dar algunos ejemplos de código de lo que tienes y explicar con más detalle qué te confunde?
@sircoko ¿Puedes dar algunos ejemplos de código de lo que tienes y explicar con más detalle qué te confunde?
Bueno, no es código, pero puedo explicar mis necesidades bastante mejor con una imagen... En pocas palabras, quiero seguir a partir de aquí: https://imgur.com/a/3UseHB6
A algo así: https://imgur.com/Z2B4DR4
Como ves, los elementos del panel están colocados en una disposición diferente, con estilos distintos, etc. Eso es lo que necesito cambiar
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #841
[PREGUNTA] Añadir Rasgo (atributo) por defecto al modelo para todos los componentes HTML (elementos)
Hola, He leído las wikis de Traits, Components y API, he recopilado todos los temas abiertos y cerrados. Incluso he encontrado el código do...
Issue #3732
El tipo de componente de comentario no soporta añadir rasgos
Estoy trabajando en un script que añade un rasgo a todos los tipos de componente, pero el tipo de comentario no tiene el objeto prototipo....
Issue #1671
[Pregunta] Añadir html una vez que el canvas esté borrado.
Hola Artur Me gustaría añadir algo de código html por defecto cuando los usuarios pulsen el botón de borrar. Por ejemplo, una sección por d...
Issue #1125
Me gustaría añadir estilos además de lo que está disponible en el paquete
Hola a todos, Soy nuevo en este marco y acabo de empezar a explorarlo para uno de mis proyectos. Me gustaría añadir algunos estilos persona...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.