Design Tools HTML Help

Develop, Build & Integrate CMS Development
1

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

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 :slightly_smiling_face:

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

Thanks :slightly_smiling_face:

2

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

3

Hey there,

I would try setting it like this:

background-color: #000000;

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