Menu icon Foundation

Designer

My Posts






My Comments

Jack Hobbs commented on Jack Hobbs's post about 3 years

 
What I have at the minute.

Jack Hobbs commented on Jack Hobbs's post over 3 years

@corey, followed all your steps to ensure that I am on 2.2.1 and I still have the issue. 
When I use valign="bottom" I don't have the same issue. Have you any more ideas what it could be?
Thanks

Jack Hobbs commented on Jack Hobbs's post over 3 years

Hey guys,
 
Still can't get this to work, here's my Inky:
<!--Start Header-->
<spacer size="16"></spacer>
<row>
<columns small="6" large="6">
<img class="float-left" src="http://placehold.it/70x25" alt="Logo">
</columns>
<columns small="6" large="6" valign="middle">
<p style="margin-bottom:0px;" class="text-right"><a href="#" style="font-size:12px;">www.link.com&lt;/a&gt;&lt;/p>
</columns>
</row>
<!--End Header-->
 
Here is a GIF of it:
https://gfycat.com/BleakIdioticDingo
 
I am also on 2.21
 
Any thoughts?

Jack Hobbs commented on Jack Hobbs's post over 3 years

---

subject: Template V1

<container>
<wrapper class="dark-gray-container">
<row><columns small="12" large="12"></columns></row>
<row>
<columns small="12" large="12">
<p class="text-right" style="font-size:10px;color:#878787">Having trouble viewing this email? <a href="#" style="color:#fefefe">View in the browser.</a></p>
</columns>
</row>
</wrapper>
<row><columns small="12" large="12"></columns></row>
<row>
<columns small="6" large="6">
<img src="#" alt="logo">
</columns>
<columns small="6" largle="6">
<p class="text-right" style="font-size:12px;padding-top:8px;"><a href="#" style="color:#ed5b23">www.link.com&lt;/a&gt;&lt;/p>
</columns>
</row>
<row class="collapse">
<columns small="12" large="12">
<img src="http://i.imgur.com/A1iINzT.png" alt="Newsletter title">
</columns>
</row>
<row>
<columns small="12" large="12">
<h1>Title</h1>
<h2>Subtitle</h2>
<p>Donec placerat eu lectus vitae dictum. Duis dignissim nibh in fermentum aliquet. Proin nec tellus hendrerit, aliquam lectus sit amet, accumsan purus. Donec vel pharetra tortor. Vestibulum ligula lectus, semper eu tortor rutrum, finibus ultricies neque. Donec porta commodo ex, non posuere massa iaculis vel. Aliquam rutrum nisi id augue</p>
</columns>
</row>
<wrapper class="light-gray-panel">
<row><columns small="12" large="12"></columns></row>
<row>
<columns small="12" large="12">
<p class="centered-quote">"Phasellus a luctus ex. Nulla finibus elementum nunc, sed dignissim felis elementum id. In tincidunt aliquet tellus. Etiam ac sem libero."</p>
</columns>
</row>
<row><columns small="12" large="12"></columns></row>
</wrapper>
<row><columns small="12" large="12"></columns></row>
<row>
<columns small="12" large="12">
<h2>This is a picture link section</h2>
</columns>
</row>
<row>
<columns small="12" large="6">
<a href="#"><img src="http://i.imgur.com/jfF5Ole.png" width="253" height="131" alt="blueberries"></a>
<h5>Title</h5>
<p>Just a few lines of text as a description for each image above</p>
</columns>
<columns small="12" large="6">
<a href="#"><img src="http://i.imgur.com/jfF5Ole.png" width="253" height="131" alt="blueberries"></a>
<h5>Title</h5>
<p>Just a few lines of text as a description for each image above</p>
</columns>
</row>
<row>
<columns small="12" large="6">
<a href="#"><img src="http://i.imgur.com/jfF5Ole.png" width="253" height="131" alt="blueberries"></a>
<h5>Title</h5>
<p>Just a few lines of text as a description for each image above</p>
</columns>
<columns small="12" large="6">
<a href="#"><img src="http://i.imgur.com/jfF5Ole.png" width="253" height="131" alt="blueberries"></a>
<h5>Title</h5>
<p>Just a few lines of text as a description for each image above</p>
</columns>
</row>
</container>

Here you go Corey

Jack Hobbs commented on Jack Hobbs's post over 3 years

I'm afraid I couldn't get it to work. Here's my code:
<row>
<columns small="12" large="6">
<a href="#"><img src="http://i.imgur.com/jfF5Ole.png" width="253" height="131" alt="blueberries"></a>
<h5>Title</h5>
<p>Just a few lines of text as a description for each image above</p>
</columns>
<columns small="12" large="6">
<a href="#"><img src="http://i.imgur.com/jfF5Ole.png" width="253" height="131" alt="blueberries"></a>
<h5>Title</h5>
<p>Just a few lines of text as a description for each image above</p>
</columns>
</row>
<row>
<columns small="12" large="6">
<a href="#"><img src="http://i.imgur.com/jfF5Ole.png" width="253" height="131" alt="blueberries"></a>
<h5>Title</h5>
<p>Just a few lines of text as a description for each image above</p>
</columns>
<columns small="12" large="6">
<a href="#"><img src="http://i.imgur.com/jfF5Ole.png" width="253" height="131" alt="blueberries"></a>
<h5>Title</h5>
<p>Just a few lines of text as a description for each image above</p>
</columns>
</row>

Jack Hobbs commented on Jack Hobbs's post over 3 years

I still want to maintain the 580px container but have the row bgcolor expand edge to edge inside the container like you would with
<row class="collapse">
 

Jack Hobbs commented on Jack Hobbs's post over 3 years

Great response, however I'm running into some issues with Outlook.
 

 
The wrapper seems to be throwing the container off completely. Do you know why this is?
Thanks!

Posts Followed

No Content

Following

    No Content

Followers

My Posts

My Comments

You commented on Jack Hobbs's post about 3 years

 
What I have at the minute.

You commented on Jack Hobbs's post over 3 years

@corey, followed all your steps to ensure that I am on 2.2.1 and I still have the issue. 
When I use valign="bottom" I don't have the same issue. Have you any more ideas what it could be?
Thanks

You commented on Jack Hobbs's post over 3 years

Hey guys,
 
Still can't get this to work, here's my Inky:
<!--Start Header-->
<spacer size="16"></spacer>
<row>
<columns small="6" large="6">
<img class="float-left" src="http://placehold.it/70x25" alt="Logo">
</columns>
<columns small="6" large="6" valign="middle">
<p style="margin-bottom:0px;" class="text-right"><a href="#" style="font-size:12px;">www.link.com&lt;/a&gt;&lt;/p>
</columns>
</row>
<!--End Header-->
 
Here is a GIF of it:
https://gfycat.com/BleakIdioticDingo
 
I am also on 2.21
 
Any thoughts?

You commented on Jack Hobbs's post over 3 years

---

subject: Template V1

<container>
<wrapper class="dark-gray-container">
<row><columns small="12" large="12"></columns></row>
<row>
<columns small="12" large="12">
<p class="text-right" style="font-size:10px;color:#878787">Having trouble viewing this email? <a href="#" style="color:#fefefe">View in the browser.</a></p>
</columns>
</row>
</wrapper>
<row><columns small="12" large="12"></columns></row>
<row>
<columns small="6" large="6">
<img src="#" alt="logo">
</columns>
<columns small="6" largle="6">
<p class="text-right" style="font-size:12px;padding-top:8px;"><a href="#" style="color:#ed5b23">www.link.com&lt;/a&gt;&lt;/p>
</columns>
</row>
<row class="collapse">
<columns small="12" large="12">
<img src="http://i.imgur.com/A1iINzT.png" alt="Newsletter title">
</columns>
</row>
<row>
<columns small="12" large="12">
<h1>Title</h1>
<h2>Subtitle</h2>
<p>Donec placerat eu lectus vitae dictum. Duis dignissim nibh in fermentum aliquet. Proin nec tellus hendrerit, aliquam lectus sit amet, accumsan purus. Donec vel pharetra tortor. Vestibulum ligula lectus, semper eu tortor rutrum, finibus ultricies neque. Donec porta commodo ex, non posuere massa iaculis vel. Aliquam rutrum nisi id augue</p>
</columns>
</row>
<wrapper class="light-gray-panel">
<row><columns small="12" large="12"></columns></row>
<row>
<columns small="12" large="12">
<p class="centered-quote">"Phasellus a luctus ex. Nulla finibus elementum nunc, sed dignissim felis elementum id. In tincidunt aliquet tellus. Etiam ac sem libero."</p>
</columns>
</row>
<row><columns small="12" large="12"></columns></row>
</wrapper>
<row><columns small="12" large="12"></columns></row>
<row>
<columns small="12" large="12">
<h2>This is a picture link section</h2>
</columns>
</row>
<row>
<columns small="12" large="6">
<a href="#"><img src="http://i.imgur.com/jfF5Ole.png" width="253" height="131" alt="blueberries"></a>
<h5>Title</h5>
<p>Just a few lines of text as a description for each image above</p>
</columns>
<columns small="12" large="6">
<a href="#"><img src="http://i.imgur.com/jfF5Ole.png" width="253" height="131" alt="blueberries"></a>
<h5>Title</h5>
<p>Just a few lines of text as a description for each image above</p>
</columns>
</row>
<row>
<columns small="12" large="6">
<a href="#"><img src="http://i.imgur.com/jfF5Ole.png" width="253" height="131" alt="blueberries"></a>
<h5>Title</h5>
<p>Just a few lines of text as a description for each image above</p>
</columns>
<columns small="12" large="6">
<a href="#"><img src="http://i.imgur.com/jfF5Ole.png" width="253" height="131" alt="blueberries"></a>
<h5>Title</h5>
<p>Just a few lines of text as a description for each image above</p>
</columns>
</row>
</container>

Here you go Corey

You commented on Jack Hobbs's post over 3 years

I'm afraid I couldn't get it to work. Here's my code:
<row>
<columns small="12" large="6">
<a href="#"><img src="http://i.imgur.com/jfF5Ole.png" width="253" height="131" alt="blueberries"></a>
<h5>Title</h5>
<p>Just a few lines of text as a description for each image above</p>
</columns>
<columns small="12" large="6">
<a href="#"><img src="http://i.imgur.com/jfF5Ole.png" width="253" height="131" alt="blueberries"></a>
<h5>Title</h5>
<p>Just a few lines of text as a description for each image above</p>
</columns>
</row>
<row>
<columns small="12" large="6">
<a href="#"><img src="http://i.imgur.com/jfF5Ole.png" width="253" height="131" alt="blueberries"></a>
<h5>Title</h5>
<p>Just a few lines of text as a description for each image above</p>
</columns>
<columns small="12" large="6">
<a href="#"><img src="http://i.imgur.com/jfF5Ole.png" width="253" height="131" alt="blueberries"></a>
<h5>Title</h5>
<p>Just a few lines of text as a description for each image above</p>
</columns>
</row>

You commented on Jack Hobbs's post over 3 years

I still want to maintain the 580px container but have the row bgcolor expand edge to edge inside the container like you would with
<row class="collapse">
 

You commented on Jack Hobbs's post over 3 years

Great response, however I'm running into some issues with Outlook.
 

 
The wrapper seems to be throwing the container off completely. Do you know why this is?
Thanks!

Posts Followed

No Content

Following

  • No Content

Followers