Stack Overflow
Stack Overflow

Questions tagged [zurb-ink]

Ink: A Responsive Email Framework from ZURB

~~Official Website~~

Foundation for Emails since 2016

60 questions
1
vote
0 answers

HTML Email on Zurb Ink framework, extra width appears in Outlook.com

I have an email that was built on the Zurb Ink framework that seems to gain extra width in Outlook.com in all browsers. I've tracked the problem down to a few sets of tables but can not seem to figure it out. The code (before being sent through the…
deltaseven
  • 21
  • 4
1
vote
2 answers

make image width responsive with ink email framework

I'm using Ink for a responsive Email layout and would like to ask, how I can make an image responsive, like it fills out the container responsively. I tried on the image tag (since CSS' width wouldn't be supportet by some clients)…
supersize
  • 13,764
  • 18
  • 74
  • 133
1
vote
2 answers

How can I make a data table work properly using Zurb Ink

I am using Ink to try and create an order confirmation e-mail from an ecommerce store. If I have a table that shows item info or any sort of data I layout, the last column is crunched to one character width when resizing to small. Example code in a…
callmedpit
  • 602
  • 3
  • 10
  • 23
1
vote
1 answer

zurb ink email wrapper doesnt span across full width

I'm having issues with Zurb Ink's email. So it looks fine in desktop, however it there is this gap when it hits the media queries and it seems to be doing it with the containers when its stacked on top of each other. I want it to span the whole…
mhy
  • 11
  • 1
  • 4
1
vote
2 answers

Zurb Ink Button Not Respecting 2 Columns in Panel

In creating a HTML email, I am using Zurb Ink framework. I have a panel that I want to have a several horizontal lines of display inside of the panel. For instance: Panel: [assigned] 12/12/2013 12:14:00 Reboot Server [unassigned] 12/12/2013…
dman
  • 10,406
  • 18
  • 102
  • 201
1
vote
2 answers

How to add padding around an email using Zurb Ink

I am using http://zurb.com/ink/ to build my email template, but I need to have a 10px border around the edge of the email. When I try to add padding to the email using a class called .box-edge (this is a custom class) it adds the padding but when…
Daimz
  • 3,243
  • 14
  • 49
  • 76
1
vote
0 answers

Panel class in Zurb Ink email on Android not displaying correctly

I am trying to use Zurb Ink to create a responsive email layout that uses the panel class to call out a few important items in the email. In most cases, it displays correctly in tests (using Litmus), except on some of the Android devices. The table…
user3002652
  • 19
  • 2
0
votes
1 answer

Foundation for emails: Add code after Inky and Inlining

I'm using foundation for emails 2. I'm looking to insert a piece of code into the final rendered email, after all the node tasks have run, specifically after the email has been inlined. As inlining breaks the particular snippet I'm looking to…
Stephen Jeffrey
  • 11
  • 3
0
votes
1 answer

Gmail is refusing to render images background url property

I have created fully responsive email and inlined styles using inky inliner but it seems like gmail is cutting url('content url'). I dont see the images on the top and bottom of the email. Here is the code of email:
Максим Малин
  • 1
  • 2
0
votes
2 answers

How do I get the html that I should send in emails?

I have just started using Zurb Foundation (SASS) to create responsive emails. I followed this tutorial to create a test email. As seen in the tutorial, when viewing the test email in the browser it is responsive and looks beautiful. The standard…
Marcus Persson
  • 373
  • 4
  • 20
0
votes
1 answer

Change background image in responsive emails

I have ae email in which I have a cell with a background image. I need to change this image src for mobiles. Is it possible to do this ? I see a lot of examples using the tag but in my case this is a background image. I have decided to cut the…
Cyril Duchon-Doris
  • 12,964
  • 9
  • 77
  • 164
0
votes
1 answer

Foundation for Emails won't compile for production - SCSS folder not being created

This is my first project with Foundation for Emails. When I run foundation build, I get: [17:42:43] Starting 'inline'... Unhandled rejection Error: ENOENT: no such file or directory, open 'D:\Repositories\email-template\dist\assets\scss' at…
DawnPaladin
  • 1,426
  • 14
  • 26
0
votes
0 answers

zurb Foundation Change Build Order

I'm using Zurb Foundation for Emails and noticing when I run Foundation watch, the inline style for Margin loads before margin. I'd like to reverse that. I have tried to change the order of classes in my sass file, but I have not discovered a way to…
gwally
  • 3,349
  • 2
  • 14
  • 28
0
votes
0 answers

Zurb-ink, force a text-align: right

I'm using Zurb Ink 6 email foundation with a container with two columns. The left column is text-align: left, the right is text-align: right. It looks fine before I inline the code. Once I inline, I can't get the "view this email..." in the right…
gwally
  • 3,349
  • 2
  • 14
  • 28
0
votes
3 answers

Handlebars TypeError: Cannot read property 'fn' of undefined

I created a custom handlebars helper and I'm getting the following error when I do not define value for parameters. module.exports = function(src, color, classatr, options) { if (typeof src === 'undefined') src = ''; if (typeof color ===…
Derek Bess
  • 222
  • 2
  • 10
1
2
3 4