# Design Tools HTML Help

**URL:** <https://community.hubspot.com/t/design-tools-html-help/16290>\
**Category:** CMS Development\
**Tags:** design-manager\
**Created:** [September 18, 2019, 9:01am UTC](https://community.hubspot.com/t/design-tools-html-help/16290 "2019-09-18T09:01:00Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nopti123](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/nopti123/32/75413_2.png) [@Nopti123](https://community.hubspot.com/u/Nopti123)\
**Post date:** [September 18, 2019, 9:01am UTC](https://community.hubspot.com/t/design-tools-html-help/16290/1 "2019-09-18T09:01:00Z")

</div>

Hi,

I am trying to change the background colour of an existing hubspot email template named magazine email fullpack to black.

I am following instructions: [https://knowledge.hubspot.com/articles/kcs\_article/email/how-do-i-change-the-background-color-for-a-particular-email](https://knowledge.hubspot.com/articles/kcs_article/email/how-do-i-change-the-background-color-for-a-particular-email)

Replacing all instances of _{{ background\_color }}_ with a desired **# hexadecimal color value** isn’t as easy as it sounds.

I have had some success using the coding:

background-color: {{ “#000000;” }}; in some areas

however the full background remains white and this coding is not working on this area, and I’m not sure what to replace this with to change the background colour to black.

Any ideas?

The coding currently reads:

\<div id=“preview\_text” style=“display:none;font-size:1px;color:{{background\_color}};line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;”\>

it also appears again here:

background-color: {{ background\_color }}; /\* Use body to determine background color \*/

I have changed it everywhere else 🙂

I will also need to change the font to white - but one problem at a time! haha!

Thanks 🙂

---

<div class="post-metadata">

**Author:** ![sharonlicari](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sharonlicari/32/101479_2.png) [@sharonlicari](https://community.hubspot.com/u/sharonlicari)\
**Post date:** [December 5, 2019, 12:10pm UTC](https://community.hubspot.com/t/design-tools-html-help/16290/2 "2019-12-05T12:10:18Z")

</div>

Hey @Nopti123

I apologize for the delay in getting back to you. I will tag a few of our experts to give you some tips about this.

Hey @Stephanie-OG @DaniellePeters @Reg could you please share your knowledge with @Nopti123

Thank you,

Sharon

---

<div class="post-metadata">

**Author:** ![DaniellePeters](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/daniellepeters/32/6115_2.png) [@DaniellePeters](https://community.hubspot.com/u/DaniellePeters)\
**Post date:** [December 5, 2019, 2:01pm UTC](https://community.hubspot.com/t/design-tools-html-help/16290/3 "2019-12-05T14:01:38Z")

</div>

Hey there,

I would try setting it like this:

`background-color: #000000;`

No need for the quotes or double braces when using hexadecimal values.