Bloquea iconos y tamaño de fuente demasiado pequeños para leerlos

Question

Hola, Estoy usando el plugin de presets de página web de grapesjs para crear el creador de páginas web. Pero como puedes ver, los iconos y el tamaño de la fuente de los bloques son demasiado pequeños. ¿Cuál podría ser el problema? Aparecen perfectamente bien en la demo aquí: https://grapesjs.com/demo.html ver la comparación de tamaño en mi local y la demo. <img width="233" alt="Captura de pantalla 2020-02-18 a las 11 46 33 AM" src="https://user-images.githubusercontent.com/11045156/74710810-570...

artf · Accepted Answer

Simplemente arréglalos con CSS

ahmeds63 · Answer

Por alguna razón, el problema era incrustar el editor de GrapesJS dentro de un formulario que a su vez estaba encerrado por columnas bootstrap. Así que el espacio era limitado y GrapesJS hoja de estilo usa rem unidad de fuente para iconos de fontawesome, que establece el tamaño de la fuente según el tamaño de la ventana. Rendericé el GrapesJS en una página completa sin contenedores o columnas de bootstrap, funcionó bien.

ahmeds63 · Answer

Estoy teniendo otro problema con el tamaño de los iconos de tres bloques, mira la captura de pantalla. Como puedes ver, 'tooltip', 'custom code' y 'typed' tienen iconos enormes y no coinciden con el tamaño normal de otros iconos. <img width="254" alt="Captura de pantalla 2020-03-02 at 12 54 47 PM" src="https://user-images.githubusercontent.com/11045156/75656113-19b63a00-5c85-11ea-9062-fa185cbcc5c5.png">

Bloquea iconos y tamaño de fuente demasiado pequeños para leerlos

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

Estilo predeterminado para bloques personalizados

Desajuste de clases al usar el plugin web preset

How to trigger the 'Import Template (modal)' on page load

Cambiar la fuente dentro del panel superior está alterando los iconos de font-awesome

Plugins de pago que cumplen con este problema

Explorar categorías de plugins