Ink: A Responsive Email Framework from ZURB
~~Official Website~~
Foundation for Emails since 2016
Questions tagged [zurb-ink]
60 questions
0
votes
3 answers
Image height cutoff in Outlook 2007/2010 (well below max height)
I have an image in an HTML email template where the height is being cutoff. I'm using the Zurb Ink email framework. The setup is two images that are supposed to stack on top of each other. From what I can tell the image is being cutoff at 19px in…
Brett DeWoody
- 59,771
- 29
- 135
- 184
0
votes
1 answer
Why does zurb ink add extra padding on td
i am using the responsive email framework from zurb ink. The issue i have is that Zurb ink likes to add 10px padding at the bottom of the td, when i override this with
style="padding:0 on the td,
it works for most email clients except outlook…
jsg
- 1,224
- 7
- 22
- 44
0
votes
1 answer
Ink-Mails - Using Block-Grid has no effect for mail clients
I'm having trouble by displaying a block grid when using the Ink-Framework of Zurb.
The block-grid elements doesn't pushed down to the next row if the viewport
gets smaller using e.g. the GMail mobile client.
I have tried many things, then i just…
Sven
- 1
- 2
0
votes
5 answers
Zurb Ink issue on Outlook
I'm creating an email using Zurb Ink and it's working fine on all emails. But on Outlook 2010, I found some errors. The biggest problem is that the width of the columns changes. They get bigger.
The grid does not respect the maximum width of 580px.
marcelo2605
- 2,734
- 4
- 29
- 55
0
votes
1 answer
How to add minimum margin to Zurb Ink email content?
Here is a Plunker I just created: http://plnkr.co/edit/jKo6yavo9fFNHiMsEvAL?p=preview
It is a simple single row layout. What I need is a fixed minimum margin on both sides (left and right) of the row. Let's say 25px. Resizing the window should…
fusio
- 3,595
- 6
- 33
- 47
0
votes
1 answer
How to make two columns same height - Zurb INK
I have two columns, one have more content = is bigger, but I want that black one to be same height like that on the right.
There is workaround that you add div around table width height 100% and display: inline-block, but it is an ugly hack.
Anyone…
Kref
- 105
- 7
0
votes
1 answer
font size on the iphone
I'm using the following email template (I chose the basic one) from zurb
http://zurb.com/playground/responsive-email-templates
http://zurb.com/playground/projects/responsive-email-templates/basic.html
which includes the following media query:
@media…
user1781626
0
votes
0 answers
INK Responsive Images
Column header images
Trying to set up an INK email for 12 column followed by two six columns.
12 columns = 580px
Six columns 280px each - rest is padding
When I set a header image to 280px - the responsive version is too small as the column then…
Luke
- 101
- 1
- 1
- 8
0
votes
3 answers
Round the edges of table
I'm trying to round the edges of the table from below but it rounds in wrong way what should I do
user2539745
- 995
- 2
- 15
- 24
0
votes
1 answer
Zurb Ink email - sub-grid button without content on right?
I am working on an email where I have a button underneath some text, with an image of a product to the right.
Code: http://jsfiddle.net/uw4Xz/
