# Custom email template footer fullwidth module

**URL:** <https://community.hubspot.com/t/custom-email-template-footer-fullwidth-module/35963>\
**Category:** CMS Development\
**Created:** [April 22, 2021, 9:37am UTC](https://community.hubspot.com/t/custom-email-template-footer-fullwidth-module/35963 "2021-04-22T09:37:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![cbinger](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cbinger/32/98942_2.png) [@cbinger](https://community.hubspot.com/u/cbinger)\
**Post date:** [April 22, 2021, 9:37am UTC](https://community.hubspot.com/t/custom-email-template-footer-fullwidth-module/35963/1 "2021-04-22T09:37:40Z")

</div>

Hello,  
I’m trying to build a custom email module, a footer, which has a fullwidth background color, but a centerd and boxed content block.

In the email module itself, it seems to work, that the footer background goes fullwidth (see screenshot).

 ![41358i40766ED2F72F1F37.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/d/2/d28784e6752f606cd0ec3249cd896e883b23a99b.png)

But when I add this module to a “Drag-&Drop responsive Email teamplate” in the design manager, the module becomes boxed (see screenshots).

 ![41364i56D21A3097FC2B76.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/9/8/9896f814f481eb7d827797f940a0cc47325b333d.png)

 ![41363iB3ED60ECFE17BB83.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/9/7/975883564805dc83bc922f9c673eb479d7f5f7f9.png)

Is it possible, to make modules (especially footer or header, i.e. elements/modules on the edge of the email template) fullwidth within the design manager?

---

<div class="post-metadata">

**Author:** ![dennisedson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/dennisedson/32/28044_2.png) [@dennisedson](https://community.hubspot.com/u/dennisedson)\
**Post date:** [April 22, 2021, 5:07pm UTC](https://community.hubspot.com/t/custom-email-template-footer-fullwidth-module/35963/2 "2021-04-22T17:07:00Z")

</div>

Hi @cbinger

Adding @alyssamwilie to this thread. She will definitely be able to assist you here!

---

<div class="post-metadata">

**Author:** ![alyssamwilie](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/alyssamwilie/32/2072_2.png) [@alyssamwilie](https://community.hubspot.com/u/alyssamwilie)\
**Post date:** [April 22, 2021, 5:18pm UTC](https://community.hubspot.com/t/custom-email-template-footer-fullwidth-module/35963/3 "2021-04-22T17:18:15Z")

</div>

Hey @cbinger,

With DnD, instead of having the background on the _module_ you’ll want to put it on the _section_ the module is in. So you’ll hover over the section and click the Edit Layout icon:

 ![41407i5C6D526836ED7454.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/7/671934323f410f00279ae418a65bcf425b3bd775.png)

Then in the Layout settings that pop up you’ll choose **Full width** for your **Background type** and add the background color you want to the **Body color** field

 ![41408i2AC0B93F7768BF54.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/4/0/4039fdf4184fd620770f79f6bc416887ccb3fa80.png)

---

<div class="post-metadata">

**Author:** ![alyssamwilie](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/alyssamwilie/32/2072_2.png) [@alyssamwilie](https://community.hubspot.com/u/alyssamwilie)\
**Post date:** [April 22, 2021, 5:22pm UTC](https://community.hubspot.com/t/custom-email-template-footer-fullwidth-module/35963/4 "2021-04-22T17:22:18Z")

</div>

@cbinger Ya know what, ignore me, I completely read your message wrong. In the middle of something, but I’ll get back to this in juuust a moment to answer it correctly. 😂

---

<div class="post-metadata">

**Author:** ![alyssamwilie](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/alyssamwilie/32/2072_2.png) [@alyssamwilie](https://community.hubspot.com/u/alyssamwilie)\
**Post date:** [April 22, 2021, 5:34pm UTC](https://community.hubspot.com/t/custom-email-template-footer-fullwidth-module/35963/5 "2021-04-22T17:34:48Z")

</div>

OK @cbinger so for the _design manager_ Hubspot sets an 800px width on the #templateTable wrapper which is why your modules aren’t going full width. You’ll want to add a style block to set that to 100%. However, this makes the entire email go full width. If you want the body to remain at a set width you’ll need to also set styling on the #contentCell #contentTableOuter wrapper.

```lia-code-sample
<style data-hse-inline-css="true">
 #templateTable {
 width: 100% !important;
 }

 #contentCell #contentTableOuter {
 width: 800px !important;
 }
</style>

```