Design Tools HTML Help

SOLVE
Nopti123
Occasional Contributor

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-... 

 

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 🙂 

 

 

 

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
DaniellePeters
Solution
Top Contributor

Hey there,

 

I would try setting it like this:

 

background-color: #000000;

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

View solution in original post

2 Replies 2
sharonlicari
Community Manager

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


¿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 !


Reply
0 Upvotes
DaniellePeters
Solution
Top Contributor

Hey there,

 

I would try setting it like this:

 

background-color: #000000;

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

View solution in original post