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

Regular Contributor

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. 

unavailable.PNG

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

 

defaultCSS.PNG

 

I hope you can help me.

 

Regards

2 Replies 2
Community Manager

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 !


Regular Contributor

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