Stack Overflow
Stack Overflow

Questions tagged [zurb-ink]

Ink: A Responsive Email Framework from ZURB

~~Official Website~~

Foundation for Emails since 2016

60 questions
0
votes
1 answer

reverse column order in zurb-ink

in desktop view I want to align the image column to the right and the text column to the left, but in mobile view the image should be on top how can I reverse the order of the columns?
pixelatorz
  • 67
  • 1
  • 7
0
votes
2 answers

Mobile only grid with Foundation for Emails (Zurb)

I'm trying to hide a column or row when it's viewed on desktop and only show on mobile or vice-versa. Anyone know if this is possible? I was trying to implement the following classes but it doesn't seem to work on the tags. .mobile-only…
Mike_Piercy
  • 153
  • 1
  • 11
0
votes
1 answer

Update Foundation For Email 2 to v2.1?

How do I update an existing Foundation For Email 2 project to v2.1? In the article about this new version nothing's mentioned about how to actually update an existing project.
6754534367
  • 5,123
  • 4
  • 17
  • 24
0
votes
1 answer

How to make Zurb emails *un*responsive

I have a project that uses Zurb ink for many things, but one email in particular is an invoice, whose tables I don't want to shift around when I'm on a smaller screen (I'd rather scroll). Is there an easy way to disable wrapping?
Mirror318
  • 11,875
  • 14
  • 64
  • 106
0
votes
1 answer

Zurb Ink Responsive HTML email: increase line height on mobile devices

Using Zurb Ink ( http://foundation.zurb.com/emails/docs.html ) I have created a responsive layout for my email. For the mobile devices, particularly iPhones, I've been using -webkit-text-size-adjust: 150%; to increase the font size for ONLY mobile…
HC_
  • 1,040
  • 10
  • 23
0
votes
1 answer

td tag with expander class in Zurb Ink is necessary?

Is it necessary to add a td tag with class expander inside every table containing one or more td tags? I had a issue with sub-grid which I posted here. I solved it by adding after the last the td tag using sub-columns…
Prasad Surase
  • 6,486
  • 6
  • 39
  • 58
0
votes
1 answer

Inline style not working on images - Jekyll - Zurb Ink - HTML Email Design

I've got these two social icons in the footer of this email and I want them to sit side by side (inline). It says they're inline in the inspector, I thought maybe the td area was to narrow so I widened it.. that's not it.. can't seem to figure it…
ThomasWeld
  • 27
  • 5
0
votes
1 answer

Zurb Ink Email Header on mobile devices

I have a header in my email with a logo on the right and some links on the left (all on one line). Works fine, but when viewed on a mobile device, the links on the left overflow to two lines. I'd ideally like to have the mobile version display the…
HHHH
  • 1,197
  • 2
  • 16
  • 28
0
votes
1 answer

HtmlEmail/Zurb Ink - How to Customise Font Colors So that they correctly appear in Outlook

I'm using Zurb Ink to create HTML emails. It's working fine, and the framaework is great to use, but I'm having a problem customising font colors in outlook. As I understand it, fonts styles shoudl be set at TD level for outlook. Is this correct?…
OliverRadini
  • 6,238
  • 1
  • 21
  • 46
0
votes
1 answer

Zurb Image Size

I'm using Zurb Ink to create atemplate for the first time; it's great, but I cannot get my head around a certain problem. Everything works fine when I view the HTML in my browser, but I'm unfortunately required to send my email through a sending…
OliverRadini
  • 6,238
  • 1
  • 21
  • 46
0
votes
0 answers

Ink Email template generate a custom email from template

I'm trying to make an email form template. So that it outputs one of the ink responsive designs to use in an email. I would love some guidance on this. Basically in my mind at the moment, The user would enter text in for the main body. Then…
ddsbro
  • 217
  • 2
  • 12
0
votes
1 answer

Mails send with SwiftMailer not using style blocks

I'm trying to send HTML formatted emails using Zurb Ink template and SwiftMailer. But when I recieve the mail in my inbox all the formatting that was defined in a block is removed. I have added to the text/html content-type like so:…
Mark C.
  • 461
  • 6
  • 16
0
votes
1 answer

Ink template issues on ios browser

I'm building html email templates with Ink foundation and facing the following issue. In ios Safari browser I've tested on gmail, yahoo and yandex emails and the templates are shown minified,with smaller fonts. And when I'm checking not in the…
Lilit
  • 21
  • 1
  • 5
0
votes
1 answer

Making the entire button clickable on Gmail using the Zurb Ink Email Framework?

I want my entire button to be clickable in Gmail using the Zurb Ink template. I can only get the text to be clickable in Gmail. I tried wrapping the entire table around and that did not work.
Joseph Lage
  • 11
0
votes
2 answers

Zurb INK , Custom Class not Working

I am trying to create a very basic Newsletter E-Mail for Weekly product Deals. I am using Zurb INK. The Issue I am facing is that, the Border Properties of one of the Custom Class is not being implemented. The CodePen Link is…
Maharshi Raval
  • 168
  • 2
  • 10
1 2
3
4