# Trouble on inserting images and buttons on email template

**URL:** <https://forum.mautic.org/t/trouble-on-inserting-images-and-buttons-on-email-template/21287>\
**Category:** Design\
**Created:** [October 15, 2021, 8:45am UTC](https://forum.mautic.org/t/trouble-on-inserting-images-and-buttons-on-email-template/21287 "2021-10-15T08:45:03Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![leonardo\_erba](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/leonardo_erba/32/486_2.png) [@leonardo\_erba](https://forum.mautic.org/u/leonardo_erba)\
**Post date:** [October 15, 2021, 8:45am UTC](https://forum.mautic.org/t/trouble-on-inserting-images-and-buttons-on-email-template/21287/1 "2021-10-15T08:45:03Z")

</div>

Hello everyone,  
I am working on the new editor grapesjs, version 3.3.4. I know there are some troubles that are working on.  
I’m writing because I have trouble on inserting images and buttons inside the email template.  
How do i align them in the middle of the block?

Also, How can I insert new fonts inside this editor?

Are these troubles going to be fixed?

Thank you very much

Thank you very much

---

<div class="post-metadata">

**Author:** ![nikolar](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/nikolar/32/7604_2.png) [@nikolar](https://forum.mautic.org/u/nikolar)\
**Post date:** [May 25, 2022, 5:22pm UTC](https://forum.mautic.org/t/trouble-on-inserting-images-and-buttons-on-email-template/21287/2 "2022-05-25T17:22:22Z")

</div>

Hi,

I managed to center those elements by adding the following styling to tem: ‘display: table; margin: 0 auto;’ in the ‘Edit code’ option.

Regarding fonts, I would also recommend using the ‘Edit code’ option. You can find out more about inserting new fonts here [https://www.w3schools.com/css/css3\_fonts.asp](https://www.w3schools.com/css/css3_fonts.asp).

Regards,  
Nikola