The Community is hosting an End of Summer sweepstakes! Participants must complete tasks to earn tickets that will enter them with a chance to win a free year of Constant Contact and other great prizes!*
*No Purchase Necessary. For Official Rules, visit here. Constant Contact’s End of Summer 2020 Sweepstakes ends on October, 20, 2020 at 11:50 PM EST.

Header Color Changes in Gmail Depending on View

Highlighted
Occasional Participant

Header Color Changes in Gmail Depending on View

The header color appears as white in Constant Contact's Preview modes, but as black in Gmail emails (via desktop) and blue in Gmail emails (via iPhone Gmail view). Has anyone else encountered this issue? How can we fix this?

How it looks in Constant Contact's Preview Modes (white header on dark blue):
Constant-Contact-Email-Header_CC-Preview-Desktop.png Constant-Contact-Email-Header_CC-Preview-Mobile.png 
How it looks when viewed in real life (black header on dark blue via email; blue header on dark blue via mobile):
Constant-Contact-Email-Header_Laptop-View.png Constant-Contact-Email-Header_Mobile-View.jpg

Tags (4)
5 REPLIES 5
Highlighted
Moderator

Re: Header Color Changes in Gmail Depending on View

Hi @Michelle_Colorado 

 

Thank you for reaching out to the community! The screenshots you have included definitely helps to understand what you're experiencing. This change is specific to our older Legacy Newsletters.  I can also see you have previously reached out to our Chat Support about this as well. This team was able to determine this was caused because the font color was applied to the table tag, and not the tag with the text content. Our editor applies all styles set in the table to all the content within the table, but some systems don't recognize or do that, and default to black. Gmail is one of the programs that does that and defaults your text to black. In fact the workaround they previously suggested was to highlight the text and specific set the color to white. Does doing this in your campaign help?


Frankie.P
Community & Social Media Support

Did I answer your question? If so, please mark my post as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

You're not alone on your email marketing journey. Connect with a Marketing Advisor to see how they can help you develop the right strategy for your business and get the most out of your Constant Contact experience.
Highlighted
Occasional Participant

Re: Header Color Changes in Gmail Depending on View

Hello, and thank you for your response!

 

I *think* we are doing what you're saying/suggested, but am not 100% sure to be honest. Here are a couple of screenshots showing the font set to white when the text is selected, and also in the "Fonts" setting on the left-hand side of my screen:

CC-Top-Bar-Text-Selected.png  

CC-Top-Bar-Text-Color.png

 

Thank you!

Highlighted
Moderator

Re: Header Color Changes in Gmail Depending on View

Hi @Michelle_Colorado 

 

That’s a great question! This actually applies to the color code under the “TITLETEXT” section of your email’s Style Sheet.

2020-02-25_17-57-03.png

 

You will have to update the current color code of  #000000 to your desired white color code #FFFFFF.


Frankie.P
Community & Social Media Support

Did I answer your question? If so, please mark my post as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

You're not alone on your email marketing journey. Connect with a Marketing Advisor to see how they can help you develop the right strategy for your business and get the most out of your Constant Contact experience.
Highlighted
Occasional Participant

Re: Header Color Changes in Gmail Depending on View

Thanks for that tip. I went into the Style Sheets and changed the Title Text to #FFFFFF. The test email I sent out still had the headers as black, however, and not white. See screenshots below.

Title Text-Style Sheet.png Title Text-Header.png

Tags (2)
Highlighted
Moderator

Re: Header Color Changes in Gmail Depending on View

Hi @Michelle_Colorado 

 

Thank you for testing this step we suggested. I apologize you are still seeing this even after making your update. Just to clarify, are you seeing this color change in your email when a test is sent directly from Constant Contact or through a forwarded test? Through a closer look at the screenshots you have provided these email tests appear to be forwarded. We also were only able to replicate this same experience only when forwarding the email. If you are seeing this color change only when forwarding your test, it's important I mention whenever you are forwarding an email, your email client will over-write some of the coding. Because of this display issues on forwarded emails is an experience we are continuing to troubleshoot. 


Frankie.P
Community & Social Media Support

Did I answer your question? If so, please mark my post as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

You're not alone on your email marketing journey. Connect with a Marketing Advisor to see how they can help you develop the right strategy for your business and get the most out of your Constant Contact experience.
Constant Contact 2020 End of Summer Community Sweepstakes!

The Constant Contact User Community is hosting a sweepstakes. The more you participate, the more chances you have to win! Read on to learn more...

Read More
Featured