How to edit CSS of the drag and drop editor / email modules

Jacob02 · ‎Sep 4, 2019

Hi Community,

is there a way to edit the CSS of the drag and drop editor or of new email modules? I know that CSS is deactivated by default if you want to create a new module for emails but there have to be a workaround.

Is it possible to define it via the the <style> paramenter in the <head> like in this article: https://designers.hubspot.com/docs/cos/email-template-markup ? Or could you even edit the default CSS for the drag and drop editor (see screenshot below)?

I hope you can help me.

Regards

sharonlicari · ‎Sep 9, 2019

Hey @Jacob02

Usually, Drag and Drop editor is relatively basic. However, I found this answer provided by @Jon_McLaren that might be a great resource for you.

I hope this helps.

Thank you

Sharon

¿Sabías que la Comunidad está disponible en Español?
¡Participa hoy en conversaciones en el idioma de tu preferencia,cambiando el idioma en tus configuraciones!

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !

Jacob02 · ‎Sep 10, 2019

Thanks for your answer - the article from Jon McLaren is very informative!

FYI: I have made a workaround with my own CSS file which I include in the (first) custom module. Probably not the best way to do it but it does the job.

A possibility to edit the standard CSS would be of great advantage!

Regards