Issue #2950💬 RespondidoAbierto el 10 de agosto de 2020por sircokoReacciones 1

Editar estilos de paneles (pregunta de novato)

Respuesta rápidapor Joshmamroud1

> @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)

Joshmamroud10 de agosto de 2020

@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!

Joshmamroud10 de agosto de 2020

@sircoko ¿Puedes dar algunos ejemplos de código de lo que tienes y explicar con más detalle qué te confunde?

sircoko10 de agosto de 2020

@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.

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.