Saturday, December 16, 2023
HomeEmail MarketingRepair Gmail iOS Changing Copyright Symbols with Blue Emoji

Repair Gmail iOS Changing Copyright Symbols with Blue Emoji

Gmail Copyright Symbols

Nov 29 Replace:
Gmail has fastened this challenge.

Many within the electronic mail group have been stunned when Gmail for iOS began to exchange the copyright HTML image and different symbols corresponding to registered and trademark with an equal blue-hued picture.

Blue hued image

The above picture exhibits that this even impacts Google’s personal electronic mail! I can’t determine why the parents at Google would need to do that aside from to convey grief to electronic mail designers and builders.

Gmail bringing grief to email designers and developers

The Gmail Goomoji

Trying on the code it seems that Gmail bundles a set of emoji’s referred to as “goomoji” and when it encounters matching characters it converts them to the equal Goomoji picture.

Goomoji example



<img goomoji="00a9" data-goomoji="00a9" fashion="margin:0 0.2ex;vertical-align:center;max-height:24px" alt="©" src="">

The issue with that is that the Goomoji is 24px tall, so not solely does your copyright image now look blue, it additionally seems weirdly giant.

Different characters which might be affected embody the trademark (TM) and registered (R) image. Additionally, it doesn’t matter when you’re utilizing the HTML encoded model or Unicode model, Gmail will substitute all variants of it. Happily, this challenge seems to solely seem in Gmail for iOS.


If that is an unintentional Gmail bug, it could be reverted shortly, so chances are you’ll not need to undergo enormous lengths to handle this.

Listed below are a number of choices, from easiest to most concerned.

Convert your symbols to plain textual content equivalents

Upside: Easiest repair to rid your electronic mail of Goomojis.
Draw back: Lack of symbols could not work along with your model tips.

The only approach to keep away from the Gmail Goomoji is to alter symbols corresponding to ©, ® and ™ to (C),(R) and TM. They will not be elegant however they’re universally acknowledged.

Resize the Gmail Goomoji to suit your textual content dimension

Upside: Makes the Goomoji much less apparent. Comparatively easy.
Draw back: Blue symbols disappear on textual content with blue backgrounds. Doubtlessly complicated to readers.

In the event you don’t thoughts the blue hue, you can also make the Goomoji much less jarring by sizing the picture to the dimensions of your textual content. This may be completed by wrapping the symbols with a category (ie. “goomoji”) after which focusing on any pictures inside it with a CSS selector. By utilizing the em unit the peak of the picture will correspond to your font dimension.

Place this within the head:

.goomoji img{

Wrap this round your copyright, registered and trademark symbols.

<span class="goomoji">&copy;</span>
<span class="goomoji">©</span>

Wrapping code around symbols

Use an alt textual content trick

Upside: Symbols will inherit font colours, dimension and background colours.
Draw back: Faint gray border round symbols.

You may make Gmail render the copyright image by inserting it as an alt textual content in a picture tag that doesn’t reference an precise picture.

<img alt="&copy;">

You’ll be able to place this subsequent to your symbols and solely selectively show it when Gmail converts your image to a picture through the use of a sibling selector that targets the primary picture. Since different purchasers wouldn’t convert your image to a picture, there shall be no first picture to focus on.

Observe that the peak and width of the picture are sized so that there’s house to show the alt textual content. If there may be inadequate house to show the alt textual content, Gmail will show a clean house.

The code under will conceal Gmail’s Goomoji picture and show the alt textual content of the next picture. The alt textual content picture will initially be hidden so it is not going to seem in another shopper.

Place this within the head:

.goomoji img{
.goomoji img + img{

Convert your copyright textual content to the next.

<span class="goomoji">&copy;<img alt="&copy;" fashion="font-size:0px;width:0px"></span>

Converting copyright text

Use a styled textual content enter area

Upside: Finest consequence visually

Draw back: Font colours, dimension and backgrounds have to be utilized individually to the enter fields. A number of extraneous markup.

One different possibility is to make use of a textual content enter area. By placing the image within the worth attribute, Gmail will show the image unchanged within the electronic mail. Nevertheless, we have to fashion the enter to cover the borders and apply font sizes and colours (if wanted). We additionally want so as to add conditional feedback to cover the enter area from Outlook purchasers. All this additional markup makes this extra bother than its price.

Nevertheless, this system will make your symbols look similar to the textual content round it which might be factor when you completely want the image to seem like its authentic design.

Place this within the head:

.goomoji enter{
.goomoji img{
.goomoji img + enter{

Convert your copyright textual content to the next.

<span class="goomoji">&copy;<!--[if !mso]><!-- --><enter worth="&copy;" fashion="font-size:0;line-height:0;show:none;"><!--<![endif]--></span>

Stylized input field solution

Not like the alt textual content instance, when you change your textual content colour or background colour, it’s good to set these attributes on the enter component itself.

Colored background for copyright text

<span class="goomoji">&copy;<!--[if !mso]><!-- --><enter worth="&copy;" fashion="font-size:0;line-height:0;show:none;background-color:#000000;colour:#ffffff;"><!--<![endif]--></span>


Check your fixes

I hope this text is useful to you. In the event you uncover another methods to take care of Gmail on iOS’ Goomoji, please share within the feedback under.

Hopefully this challenge will get resolved rapidly by Google however when you’re trying to make use of one among these methods, Electronic mail on Acid’s code editor will turn out to be useful, because it permits you to see how incremental adjustments in your design render on dozens of electronic mail purchasers, with Gmail on iOS one among them.

Attempt us free for 7 days and get limitless entry to electronic mail, picture and spam testing to make sure you get delivered and look good doing it!

Begin testing in the present day!



Please enter your comment!
Please enter your name here

Most Popular

Recent Comments