CMS Development

Nopti123
Member

Design Tools HTML Help

SOLVE

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 🙂 

 

 

 

0 Upvotes
1 Accepted solution
DaniellePeters
Solution
Top Contributor

Design Tools HTML Help

SOLVE

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
DaniellePeters
Solution
Top Contributor

Design Tools HTML Help

SOLVE

Hey there,

 

I would try setting it like this:

 

background-color: #000000;

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

sharonlicari
Community Manager
Community Manager

Design Tools HTML Help

SOLVE

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


Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !




0 Upvotes