Menu icon Foundation

My Posts


  • 6
    Replies
  • Node.js not working

    By Santiago Valdes

    npmerrorgit

    Hello, everything was working OK when all of a sudden I can't start "npm start" or "npm run build", I get this error: 0 info it worked if it ends with ok 1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe', 1 verbose cli 'C:\\Users\\Santiago\\AppDa... (continued)

    Last Reply by NoreagoCan almost 3 years ago



  • 1
    Reply
  • Subgrids on Emails 2

    By Santiago Valdes

    subgridemail

    Hello, I'm using Emails 2 but I've been struggling with not having subgrids. For example, I want to add an image and below that a link. Here's a dummy example: <row> <columns small="12" large="12"> <center> <im... (continued)

    Last Reply by Santiago Valdes about 3 years ago



  • 1
    Reply
  • Avoid Clipping Message

    By Santiago Valdes

    inkemail size

    I know the clipping on Gmail and Yahoo is automatic when the email size is bigger than 102kb. My HTML's actual size is 125kb (after minifing). My HTML is not that long, but after I use the inliner, it gets extremely long because of the styles added inl... (continued)

    Last Reply by Tim Hartwick almost 4 years ago




  • 7
    Replies
  • !Important on Outlook

    By Santiago Valdes

    inkOutlook

    I'm testing an email on Litmus. Everything's pretty much OK except link colors. I've setup a color on ink.css of #e74c3c (a, a:visited, a:hover, a:active) that also has the !important tag added. For some links, I don't want that color, so I've added ... (continued)

    Last Reply by Vernist 9 months ago



My Comments

Santiago Valdes commented on Nathan Parikh's post about 3 years

Corey,
 
How do you do to inline only the campaign you're working on?
For example, if you're working on SCA and you don't want to inline welcome, LCG, Welcome and all the other campaigns. Is there a command to watch only that project?
Other thing I realized is that you probably don't use the layouts folder, only the pages, right? Because I tried your approach but it didn't work, it said "Cannot GET /". Is that right?

Santiago Valdes commented on Santiago Valdes's post about 3 years

Thanks Corey, all clear now. I'll be using those two commands from now on.

Santiago Valdes commented on Santiago Valdes's post about 3 years

Thanks Corey. 
Deleting node_modules worked, but anyway I'm a bit confused about the commands. 
Should I use 'npm start' or should I use 'foundation watch'? (I believe that's only for testing, not inlining). 
The same applies for 'npm run build' and 'foundation build' (which, by the way, I've never read about except now).
Some guidance on this topic would be appreciated, I'm not a npm heavy user.
Thanks!

Santiago Valdes commented on Santiago Valdes's post about 3 years

I've found a solution, but I don't know if this will look good:
 
<columns small="4" large="3">
<a href="#">
<img src="/.jpg">
<spacer size="10"></spacer>
<p class="text-center">TEST LINK</p>
</a>
</columns>
 
Would appreciate some feedback. Thanks!

Santiago Valdes commented on Santiago Valdes's post about 3 years

Thank you guys. That did the trick!

Santiago Valdes commented on Santiago Valdes's post about 3 years

Thank you both for your answers. 
Corey: is that supported on most email browsers? I don't want it to work only on "some".
Shakogun: that does the trick but not perfectly. I tried that before but it looks weird, because it's right but not completely.

Santiago Valdes commented on Santiago Valdes's post about 3 years

Hello Shakogun,
 
I want to align an anchor, <a> to the right. 
 
Thanks!

Santiago Valdes commented on Santiago Valdes's post almost 4 years

Rafi,

The image you are referring to isn't the one on the image. It's the actual logo, which looks good.

The image posted has the correct size (580px). Everything looks fine except for that weird extra pixel that I cannot seem to get rid of.

Santiago Valdes commented on Santiago Valdes's post almost 4 years

Tim, thanks! It worked.

I believe the issue was because I was defining the CSS with every variant (a.class, a.class:hover, a.class:visited, a.class:active). Removing the other variants and leaving only a.class worked out. Also removing the !important tag seem to influence. Even thought it doesn't look good on HTML testing version, when I pass it on Litmus it looks good. When it's only HTML (direct browser testing) the !important tags have preference.

Thanks again, it looks great on every platform. Great solution to email marketing.

Santiago Valdes commented on Santiago Valdes's post almost 4 years

Hello Tim, thanks for your answer. After using the Inliner tool, this is the result (only regarding this particular element):

HTML output:

<a href="[link]" class="menu-link" target="_blank" style="color: #303535 !important; text-decoration: none; font-size: 11px;">COMO FUNCIONA</a>  

This is the CSS output. The element .menu-link (that has the same key-value pairs as the :active, :visited and :hover) is somehow erased on the CSS. I assume this is because it's now embedded on the HTML.

a.menu-link:active {
font-size: 11px; color: #303535 !important;
}
a.menu-link:hover {
font-size: 11px; color: #303535 !important;
}
a.menu-link:visited {
font-size: 11px; color: #303535 !important;
}  

This is what doesn't look good on Outlook but on other platforms it looks good.

Thanks!

Posts Followed

  • 8
    Replies
  • SCSS file for each Page

    By Nathan Parikh

    emailpagescssunique

    Hello! The structure for my Foundation for Emails 2 project follows the default setup. I have multiple .html&nbsp;files in the /pages folder, and my SCSS files in the /scss folder. Each page is going to have some unique styling, so I would like to creat... (continued)

    Last Reply by Ant James about 3 years ago



  • 1
    Reply
  • Subgrids on Emails 2

    By Santiago Valdes

    subgridemail

    Hello, I'm using Emails 2 but I've been struggling with not having subgrids. For example, I want to add an image and below that a link. Here's a dummy example: &lt;row&gt; &lt;columns small="12" large="12"&gt; &lt;center&gt; &lt;im... (continued)

    Last Reply by Santiago Valdes about 3 years ago


Following

    No Content

Followers

  • Soren Pedersen has no published posts

My Posts







My Comments

You commented on Nathan Parikh's post about 3 years

Corey,
 
How do you do to inline only the campaign you're working on?
For example, if you're working on SCA and you don't want to inline welcome, LCG, Welcome and all the other campaigns. Is there a command to watch only that project?
Other thing I realized is that you probably don't use the layouts folder, only the pages, right? Because I tried your approach but it didn't work, it said "Cannot GET /". Is that right?

You commented on Santiago Valdes's post about 3 years

Thanks Corey, all clear now. I'll be using those two commands from now on.

You commented on Santiago Valdes's post about 3 years

Thanks Corey. 
Deleting node_modules worked, but anyway I'm a bit confused about the commands. 
Should I use 'npm start' or should I use 'foundation watch'? (I believe that's only for testing, not inlining). 
The same applies for 'npm run build' and 'foundation build' (which, by the way, I've never read about except now).
Some guidance on this topic would be appreciated, I'm not a npm heavy user.
Thanks!

You commented on Santiago Valdes's post about 3 years

I've found a solution, but I don't know if this will look good:
 
<columns small="4" large="3">
<a href="#">
<img src="/.jpg">
<spacer size="10"></spacer>
<p class="text-center">TEST LINK</p>
</a>
</columns>
 
Would appreciate some feedback. Thanks!

You commented on Santiago Valdes's post about 3 years

Thank you guys. That did the trick!

You commented on Santiago Valdes's post about 3 years

Thank you both for your answers. 
Corey: is that supported on most email browsers? I don't want it to work only on "some".
Shakogun: that does the trick but not perfectly. I tried that before but it looks weird, because it's right but not completely.

You commented on Santiago Valdes's post about 3 years

Hello Shakogun,
 
I want to align an anchor, <a> to the right. 
 
Thanks!

You commented on Santiago Valdes's post almost 4 years

Rafi,

The image you are referring to isn't the one on the image. It's the actual logo, which looks good.

The image posted has the correct size (580px). Everything looks fine except for that weird extra pixel that I cannot seem to get rid of.

You commented on Santiago Valdes's post almost 4 years

Tim, thanks! It worked.

I believe the issue was because I was defining the CSS with every variant (a.class, a.class:hover, a.class:visited, a.class:active). Removing the other variants and leaving only a.class worked out. Also removing the !important tag seem to influence. Even thought it doesn't look good on HTML testing version, when I pass it on Litmus it looks good. When it's only HTML (direct browser testing) the !important tags have preference.

Thanks again, it looks great on every platform. Great solution to email marketing.

You commented on Santiago Valdes's post almost 4 years

Hello Tim, thanks for your answer. After using the Inliner tool, this is the result (only regarding this particular element):

HTML output:

<a href="[link]" class="menu-link" target="_blank" style="color: #303535 !important; text-decoration: none; font-size: 11px;">COMO FUNCIONA</a>  

This is the CSS output. The element .menu-link (that has the same key-value pairs as the :active, :visited and :hover) is somehow erased on the CSS. I assume this is because it's now embedded on the HTML.

a.menu-link:active {
font-size: 11px; color: #303535 !important;
}
a.menu-link:hover {
font-size: 11px; color: #303535 !important;
}
a.menu-link:visited {
font-size: 11px; color: #303535 !important;
}  

This is what doesn't look good on Outlook but on other platforms it looks good.

Thanks!

Posts Followed

Following

  • No Content

Followers

  • Soren Pedersen has no published posts