Menu icon Foundation

Designer | Saint Louis, Missouri

I'm the Lead Designer at Cat5 Commerce. Cat5 Commerce owns and operates three online retail stores, TacticalGear.com, WorkBoots.com and RunningShoes.com.

My Posts

No Content

My Comments

Corey Schaaf commented on Bryan's post over 2 years

Hey Bryan,
Just a quick thought. If you're only wanting 25px on the outside of your template but want a consistent amount of space on the gutters inside. Set the gutters on the inside using the global variable. But for the outside, setup a custom class and apply it to that row. 
Just food for thought! 
~ Corey

Corey Schaaf commented on Bryan's post over 2 years

Hey Bryan, 
While what your'e doing had the desired effect, instead of changing the values from being divided by 2, to 3 - you should actually just leave them at 2. 
The way foundation's code is setup it takes whatever the global gutter variable is. (which you can find in _settings.scss around line 132).  It would be better to make the valuable smaller because the way the padding / gutters are set universally is to take whatever the $global-gutter value is set to and divide by 2.  This allocates padding to the left and to the right. 
I would change your values in the _grid.scss back to what there and modify the other file I mentioned above. If you ever plan on upgrading to a new version of Foundations for Emails when it's released - your changes in the grid file will most likely get saved over (assuming you're using the zurb stack).  If you just update your settings directory - those types of customization are less likely to be saved over when you upgrade to a newer version while core functionality files are not. 
 

Corey Schaaf commented on GURU PRASAD's post over 2 years

Based on what your saying above, it sounds like the <img > tag is missing the height="" and width="" attributes. These are essential (especially if you are dealing with Retina images).  Please note you have to use the height="" and width="" attributes on the img tag and not style="height:; width:;".  
By not including those attributes, the images will most likely look squeezed and non-proportional in size. 
If you are adding the images via an application you've built, you'll need to find a way to specify the actual size of the image that is loaded. On mobile (not desktop outlook 2016 or web-outlook) the image classes are overwritten and use a 100% value so they take up whatever the space of the container they are sitting in. 
 

Corey Schaaf commented on Julian Warren's post over 2 years

If you flag the post the entire post gets deleted. The forum is horrible at spotting spammers and deleting the users who post spam vs deleting the entire post which may or may not be spam. 

Corey Schaaf commented on Todd DeSantis's post over 2 years

Todd are you calling this information from a .yml file in the data folder or are you making variables on the page and pulling them in? 

Corey Schaaf commented on Judd Cobler's post over 2 years

Hey Judd, 
I actually have a workflow that is for the most part and workaround for this problem. I go pretty in depth in the following article about how I set my project up. It might give you some ideas on how to tackle the problem. http://foundation.zurb.com/forum/posts/42714-multiple-emails-per-project

Corey Schaaf commented on M's post over 2 years

Just perusing the error log, you need to make sure that you have the latest version of node.js and npm installed. I'd check that first. 

Corey Schaaf commented on Sandra Vu's post over 2 years

 
Few things to ask first? Why are you changing the image to display inline? Images need to be in display:block because of various rendering problems and extra spacing the gmail use to add.  They may have fixed this issue now that they support media queries, but I believe all images still need that to have the best rendering across the majority of devices. 
If you still need it regardless of the statement above, have you:
1. made sure any custom styles are being imported in your app.scss file after (at the very end) of all the other imports?
2. If you injected a style directly into the app.scss file as opposed to importing the file, again did you make sure this custom style appeared at the end of all the import statements. 
3. Have you tried adding the display:inline directly to the img tag in the HTML. If so what happens? 
4. What client are are you seeing this happen in? Or are you just looking the rendered HTML locally after you build your project? 

Corey Schaaf commented on Bryan's post over 2 years

Hey Brian, 
Can you post your Inky Markup - this sounds fairly straight forward, but I'll need to see your inky markup along with any custom sass in the section that's giving you problems. 

Corey Schaaf commented on Ian Daly's post almost 3 years

Depending on your version of Foundations for Emails, this issue was fixed in some of the updates they made to the framework in the past few months. 

Posts Followed


  • 6
    Replies
  • Outlook 2010 Spacer Issue

    By Rich Bothe

    Outlookspacer

    In the screenshot, I have&nbsp;&lt;spacer size="10"&gt;&lt;/spacer&gt; in the bottom of the section with gray background, and &lt;spacer size="20"&gt;&lt;/spacer&gt; in top of black section with &lt;spacer size="10"&gt;&lt;/spacer&gt; is bottom of black s... (continued)

    Last Reply by Jesper about 1 year ago






  • 3
    Replies
  • Poor results using Zurb Stack

    By Dale Palmer

    stackOutlookiosiphone

    I'm having real trouble getting emails to display properly in either Outlook 2016 or iOS mail using the Zurb stack. In outlook images are pushing the container wider that specified and mail in iOS displays sections overlapping and uses the desktop layout... (continued)

    Last Reply by Arlan about 3 years ago





Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Bryan's post over 2 years

Hey Bryan,
Just a quick thought. If you're only wanting 25px on the outside of your template but want a consistent amount of space on the gutters inside. Set the gutters on the inside using the global variable. But for the outside, setup a custom class and apply it to that row. 
Just food for thought! 
~ Corey

You commented on Bryan's post over 2 years

Hey Bryan, 
While what your'e doing had the desired effect, instead of changing the values from being divided by 2, to 3 - you should actually just leave them at 2. 
The way foundation's code is setup it takes whatever the global gutter variable is. (which you can find in _settings.scss around line 132).  It would be better to make the valuable smaller because the way the padding / gutters are set universally is to take whatever the $global-gutter value is set to and divide by 2.  This allocates padding to the left and to the right. 
I would change your values in the _grid.scss back to what there and modify the other file I mentioned above. If you ever plan on upgrading to a new version of Foundations for Emails when it's released - your changes in the grid file will most likely get saved over (assuming you're using the zurb stack).  If you just update your settings directory - those types of customization are less likely to be saved over when you upgrade to a newer version while core functionality files are not. 
 

You commented on GURU PRASAD's post over 2 years

Based on what your saying above, it sounds like the <img > tag is missing the height="" and width="" attributes. These are essential (especially if you are dealing with Retina images).  Please note you have to use the height="" and width="" attributes on the img tag and not style="height:; width:;".  
By not including those attributes, the images will most likely look squeezed and non-proportional in size. 
If you are adding the images via an application you've built, you'll need to find a way to specify the actual size of the image that is loaded. On mobile (not desktop outlook 2016 or web-outlook) the image classes are overwritten and use a 100% value so they take up whatever the space of the container they are sitting in. 
 

You commented on Julian Warren's post over 2 years

If you flag the post the entire post gets deleted. The forum is horrible at spotting spammers and deleting the users who post spam vs deleting the entire post which may or may not be spam. 

You commented on Todd DeSantis's post over 2 years

Todd are you calling this information from a .yml file in the data folder or are you making variables on the page and pulling them in? 

You commented on Judd Cobler's post over 2 years

Hey Judd, 
I actually have a workflow that is for the most part and workaround for this problem. I go pretty in depth in the following article about how I set my project up. It might give you some ideas on how to tackle the problem. http://foundation.zurb.com/forum/posts/42714-multiple-emails-per-project

You commented on M's post over 2 years

Just perusing the error log, you need to make sure that you have the latest version of node.js and npm installed. I'd check that first. 

You commented on Sandra Vu's post over 2 years

 
Few things to ask first? Why are you changing the image to display inline? Images need to be in display:block because of various rendering problems and extra spacing the gmail use to add.  They may have fixed this issue now that they support media queries, but I believe all images still need that to have the best rendering across the majority of devices. 
If you still need it regardless of the statement above, have you:
1. made sure any custom styles are being imported in your app.scss file after (at the very end) of all the other imports?
2. If you injected a style directly into the app.scss file as opposed to importing the file, again did you make sure this custom style appeared at the end of all the import statements. 
3. Have you tried adding the display:inline directly to the img tag in the HTML. If so what happens? 
4. What client are are you seeing this happen in? Or are you just looking the rendered HTML locally after you build your project? 

You commented on Bryan's post over 2 years

Hey Brian, 
Can you post your Inky Markup - this sounds fairly straight forward, but I'll need to see your inky markup along with any custom sass in the section that's giving you problems. 

You commented on Ian Daly's post almost 3 years

Depending on your version of Foundations for Emails, this issue was fixed in some of the updates they made to the framework in the past few months. 

Posts Followed

Following

  • No Content

Followers

  • No Content