Design Tools HTML Help

Nopti123 — Tue, 24 Sep 2019 09:59:23 GMT

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:

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 🙂

Re: Design Tools HTML Help

sharonlicari — Thu, 05 Dec 2019 12:10:18 GMT

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

Re: Design Tools HTML Help

DaniellePeters — Thu, 05 Dec 2019 14:01:38 GMT

Hey there,

I would try setting it like this:

background-color: #000000;

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

topic Re: Design Tools HTML Help in CMS Development

Design Tools HTML Help

Re: Design Tools HTML Help

Re: Design Tools HTML Help