Email Customizer [Deleted]

[melbo]

Just created a new email style from import. The fixed width is better on desktop client but it certainly shrinks the text on mobile. Pretty difficult to read compared to how it was yesterday.

 

[Arty]

Doh. Didn't think of that. Try replacing content table opening with

<table width="640" cellpadding="0" cellspacing="0" border="0" dir="{$emailLanguage.text_direction}" style="width: auto; max-width: 640px; {$wrapperStyle}">

 

[kontrabass]

Can it be??? Wow! Going to try this out ASAP!

 

[melbo]

Doh. Didn't think of that. Try replacing content table opening with

<table width="640" cellpadding="0" cellspacing="0" border="0" dir="{$emailLanguage.text_direction}" style="width: auto; max-width: 640px; {$wrapperStyle}">

No change

 

[Arty]

Maybe replace with="640" with width="100%", but that might break purpose of having fixed width style.

I'll test it emails phone.

 

[Arty]

Maybe replace with="640" with width="100%", but that might break purpose of having fixed width style.

That seem to work well.

On gmail web client and apple mail it displays full width layout with dark background, email is centered.
On gmail client for android and standard mail client for android it displays small layout, without shrinking text.

Wrapper table opening:

<table width="100%" cellpadding="0" cellspacing="0" border="0" valign="middle" style="{$bodyStyle}"><tr><td valign="top" align="center">

Content table opening:

<table width="100%" cellpadding="0" cellspacing="0" border="0" dir="{$emailLanguage.text_direction}" style="width: auto; max-width: 640px; {$wrapperStyle}">

 

[MasonK]

Where would I add my logo?

 

[Arty]

Where would I add my logo?

Click "edit" button, then in editor navigation click "building blocks" then "content table opening". On right side you'll see HTML code for that block. Add at start of block something like this:

<table width="100%" cellpadding="0" cellspacing="0" border="0" valign="middle"><tr><td valign="top" align="center">
<a href="http://link-to-your-forum/"><img src="http://link-to-your-forum/link-to-your-logo.png" /></a>
</td></tr></table>

Change links to correct urls. Make sure they are full urls with domain name.

 

[MasonK]

Click "edit" button, then in editor navigation click "building blocks" then "content table opening". On right side you'll see HTML code for that block. Add at start of block something like this:

<table width="100%" cellpadding="0" cellspacing="0" border="0" valign="middle"><tr><td valign="top" align="center">
<a href="http://link-to-your-forum/"><img src="http://link-to-your-forum/link-to-your-logo.png" /></a>
</td></tr></table>

Change links to correct urls. Make sure they are full urls with domain name.

Thanks that worked perfectly! I am definetely going to purchase this when it comes out! Great product, Arty!

 

[melbo]

That seem to work well.

On gmail web client and apple mail it displays full width layout with dark background, email is centered.
On gmail client for android and standard mail client for android it displays small layout, without shrinking text.

Wrapper table opening:

<table width="100%" cellpadding="0" cellspacing="0" border="0" valign="middle" style="{$bodyStyle}"><tr><td valign="top" align="center">

Content table opening:

<table width="100%" cellpadding="0" cellspacing="0" border="0" dir="{$emailLanguage.text_direction}" style="width: auto; max-width: 640px; {$wrapperStyle}">

Still ~0.1pt font on iPhone 6 with these settings. Desktop client is fine

 

[melbo]

@Arty the customizations that I created yesterday are also showing in really tiny print on iPhone so it's something else that has been changed since the first beta.

 

[Arty]

Can you send me that email style as xml file?

 

[Dadparvar]

Everything seems OK, just the footer in mobile device is not full wide, although the default email template is full.
This is new email template:

 

[Arty]

Maybe your style had fixed width or something like that for footer.

In email styles list click edit button, in editor navigate to topic reply notification -> message footer -> wrapper style. Check if it has width somewhere.

 

[Dadparvar]

In email styles list click edit button, in editor navigate to topic reply notification -> message footer -> wrapper style. Check if it has width somewhere.

all content there:

font-size: 16px;
font-family: Montserrat, Arial, sans-serif;
line-height: 1.28;
margin: 20px 0;
color: @contentText;
background-color: @primaryLighter;
border-bottom: 1px solid @primaryLighter;

 

[Arty]

@Arty the customizations that I created yesterday are also showing in really tiny print on iPhone so it's something else that has been changed since the first beta.

I've checked your XML files. They are correct. So something must be triggering error. My guess is its second table.

Try this: editor -> building blocks -> wrapper table opening and wrapper table closing. Remove values from those two properties and test email on phone. It will mess up your background color, but it might fix font scaling. If it works, I'll know how to fix problem.

 

[Arty]

all content there

This looks correct. Probably alignment isn't changed correctly for RTL language. I'll test that

 

[Dadparvar]

This looks correct. Probably alignment isn't changed correctly for RTL language. I'll test that

Thanks

I'll be waiting.
also this is how it looks in desktop version. No problem:

 

[melbo]

I've checked your XML files. They are correct. So something must be triggering error. My guess is its second table.

Try this: editor -> building blocks -> wrapper table opening and wrapper table closing. Remove values from those two properties and test email on phone. It will mess up your background color, but it might fix font scaling. If it works, I'll know how to fix problem.

This corrected the font on iPhone 6 view (portrait and landscape) but placed the content off center on desktop client.

 

[Arty]

Thanks. I'll use that as base and will try to change things for desktop only.