Menu icon Foundation

My Posts



  • 2
    Replies
  • Tennis Spam

    By Julian Warren

    spamtennis

    I was looking forward, in vain, to reading the replies to my two recent posts: "Spacers in Outlook and Rows"  and  "Spacers = Outlook Trouble" Sadly, the replies were from a spammer inviting me to view the Australian Tennis on some, presum... (continued)

    Last Reply by Corey Schaaf 10 months ago



  • 4
    Replies
  • Spacers in Outlook

    By Julian Warren

    spacerOutlook

    I have been having quite a time with Outlook 2016 and random gaps, in this case shown up spectacularly bu the facy that by background is black You can clearly see the gap as a line and whats more there is a spacer under those callout  boxes. Miss... (continued)

    Last Reply by kopamam 10 months ago





My Comments

Julian Warren commented on Julian Warren's post 10 months

This may have been a visit down an incorrect path although I'm sure it would do no harm. This has been superceded by my post "Rows and spacers = Outlook Trouble" on the same subject.  The final fix is similar.

Julian Warren commented on Julian Warren's post 10 months

Actually it seems to have been removing the identical colour that did the trick. That fooled me for ages.
So I added this to my _template.scss to I don't get overwritten by updates and its done the trick. The really odd thing is that the bizarre 3 dot drilldown below the footer presents the same email correctly (well sort of, still not responsive so still useless on a phone unless I am making some tragic error). Gmail app is now perfect. 
//fix Outlook App button issue

table.button {
table {
td {
color: #a0a0a0; //This must not be the button-color so darken button-color would do;
}
}
}

Julian Warren commented on Rowan Cairns's post 10 months

I was not aware that the desktop version of Outlook would even support media queries. This isn't supposed to work.
See this article and then have a glass of New Zealand Pinot Noir, content that you are doing nothing wrong.
 
https://litmus.com/community/discussions/5956-outlook-2016-and-media-queries

Julian Warren commented on Roy Hinkley's post 10 months

I wasted a wash over the whole email background and Outlook just ignored the built in delcaration in _template.scss:
 
// Body Styles
body,
html,
.body {
background: #f3f3f3 !important;
}
It turns out it was the old chestnut "!important" which seem to be anything but important in all flavours of Outlook. Leave out the !important.  See the same problem in F2 with expanded buttons: 
https://github.com/zurb/foundation-emails/pull/628
and this specific issue with Outlook:
https://www.campaignmonitor.com/blog/email-marketing/2010/05/outlook-2007-and-the-inline-important-declaration
 

Julian Warren commented on Julia Koelsch's post over 2 years

A bit late I know but you have to tell foundation forms something has happened (none of this exists in F5 which is a pity)

Add this at the end:

$('#chkbox').trigger('change');

As far as I can tell you must do this for individual elements.

Custom forms are funky and don't play nicely with cascadingdropdown.js or parsley.js (brilliant form validation). I will be weaning myself off them so have to say goodbye to nice big checkbox ticks.

Posts Followed



Following

    No Content

Followers

My Posts

My Comments

You commented on Julian Warren's post 10 months

This may have been a visit down an incorrect path although I'm sure it would do no harm. This has been superceded by my post "Rows and spacers = Outlook Trouble" on the same subject.  The final fix is similar.

You commented on Julian Warren's post 10 months

Actually it seems to have been removing the identical colour that did the trick. That fooled me for ages.
So I added this to my _template.scss to I don't get overwritten by updates and its done the trick. The really odd thing is that the bizarre 3 dot drilldown below the footer presents the same email correctly (well sort of, still not responsive so still useless on a phone unless I am making some tragic error). Gmail app is now perfect. 
//fix Outlook App button issue

table.button {
table {
td {
color: #a0a0a0; //This must not be the button-color so darken button-color would do;
}
}
}

You commented on Rowan Cairns's post 10 months

I was not aware that the desktop version of Outlook would even support media queries. This isn't supposed to work.
See this article and then have a glass of New Zealand Pinot Noir, content that you are doing nothing wrong.
 
https://litmus.com/community/discussions/5956-outlook-2016-and-media-queries

You commented on Roy Hinkley's post 10 months

I wasted a wash over the whole email background and Outlook just ignored the built in delcaration in _template.scss:
 
// Body Styles
body,
html,
.body {
background: #f3f3f3 !important;
}
It turns out it was the old chestnut "!important" which seem to be anything but important in all flavours of Outlook. Leave out the !important.  See the same problem in F2 with expanded buttons: 
https://github.com/zurb/foundation-emails/pull/628
and this specific issue with Outlook:
https://www.campaignmonitor.com/blog/email-marketing/2010/05/outlook-2007-and-the-inline-important-declaration
 

You commented on Julia Koelsch's post over 2 years

A bit late I know but you have to tell foundation forms something has happened (none of this exists in F5 which is a pity)

Add this at the end:

$('#chkbox').trigger('change');

As far as I can tell you must do this for individual elements.

Custom forms are funky and don't play nicely with cascadingdropdown.js or parsley.js (brilliant form validation). I will be weaning myself off them so have to say goodbye to nice big checkbox ticks.

Posts Followed

Following

  • No Content

Followers

  • No Content