Create 4 columns

Hello,

4 columns won’t work on email design, that’s why we didn’t include it as an option.

Thanks,

Michael

Thanks for responding Michael. That’s very unfortunate, as I have four linked logos that I’d like laid out in a row.

I’ll be looking at the emails I receive from now on with a new eye.

I’d like to leave this query open for a while in case someone has a solution to my problem. Four images next to each other, each with an independent link, doesn’t sound like too much to ask for.

Hi, if you have just 4 logos, you can use the text block. Or simply a HTML block with inside:

<div style="text-align: center">
<img src="url logo 1">
<img src="url logo 2">
<img src="url logo 3">
<img src="url logo 4">
</div>

You may need to specify each image size adding, for example

<img src="url logo 4" width="50">

It’s ok on email to use the old way to specify the width, Outlook loves it. Yes, I know, it’s a bit of coding, but once done… you can just save that newsletter as a template and it’s ready for the next campaign.

• This reply was modified 3 weeks, 6 days ago by Stefano Lissa.

hi stefano and thanks for the suggestion.

i’ve used the text block and managed to get almost exactly what i want, with a bit of fiddling with the padding. the only problem is when viewing the newsletter on a mobile phone, as my last image slips onto a new line

it’s a shame that the plugin strips out some of my own code when i use the html block by removing the style and only leaving the div tags, as this would resolve the issue. perhaps the developers could look into allowing the insertion of all the html code in this block? after all, that’s what it’s supposed to be for, isn’t it?

i’m going to leave this open for a while, just to see if there are any other responses which might help, but will close it soon if we seem to have run out of ideas

Hi, the code is stripped away by the WP filtering functions, we cannot remove them. To keep the images on the same line on mobile, you could make them smaller, it’s not easy to make them responsive without a lot of code. You can try to add a white-space: nowrap; to the div and a style=”max-width: 100%” to each image (but I don’t think it have effects). Another way is to try to ise a table with a single row and 4 cells:

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img...></td>
<td><img...></td>
<td><img...></td>
<td><img...></td>
</tr>
</table> 

Tables should not be wrapped. Newsletters al full of tables… ??

Remember to add the max-width attribute to images, so they can zoom out. max-width does not work on outlook desktop and even the padding is ignored by many version of outlook.

stefano you genius!

the tables solution you suggested works great both in my browser window and on my mobile

thanks for your help. i’ll mark this as resolved