Space between the Addresses and the ENABLE ADDITIONAL CONTENT.

Hi, I can’t recreate this. What email inbox are you viewing in?

Microsoft Office Outlook from Microsoft 365 office.
And it is only in that program the space is gone… That is weird….

• This reply was modified 1 year, 8 months ago by SLV.

Hmm, well that doesn’t surprise me that it’s only outlook. Outlook is by far the hardest inbox to work with in terms of getting emails to look like they are intended to. I was reading a bit on different forms for how to make outlook acknowledge spacing, and there is no clear way to make it work.

I saw some people suggesting using a border instead of padding or margin. You could try adding this custom css:

#addresses {
margin-bottom:0 !important;
}
.address-container {
border-bottom:40px solid #fff !important;
}

Ben

I am back at it again, I have put your code into the custom CSS of your plugin, but it does nothing…

And I can confirm that in a web browser mailbox like Roundcube, there is some space between the 2. So it really is an Outlook issue.

Your box for the additional text does not support <br> or <p>
So yes I can put a border, but then there is still not space between.

Do you have a solution yet?

Hello @dwnl

I’m not sure I understand what you mean when you say that the box for additional text doesn’t support <br> or <p>. When I add them to the box, they work just fine. If you need space, try adding a <hr>. Then, you can add css to add bottom margin to the hr. Would that work?

Yes, I can put in what I want, but I do not get the space between the address and the bottom text.
You say: try adding a <hr>. Then, you can add css to add bottom margin to the hr. Would that work?
I need margin/padding below and above that <hr> line. Can you help me with that?

Hello,

Indeed, it is possible to include a <hr> tag and apply CSS to add top and bottom margins. As an illustration, I added the <hr> tag to my additional content and incorporated the following custom CSS. I have attached an image of the outcome for reference.

hr {
    margin-top: 25px;
    margin-bottom: 25px;
}

Yes this works!