Configure Email Message - Post ID 217724

User 132002 Photo


Registered User
131 posts

The email I receive has to much space between the label and the text.
See attached picture.

This is my configuration:
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head><title>You got mail!</title></head>
<body style="background-color: #f9f9f9; padding-left: 11%; padding-top: 7%; padding-right: 20px; max-width: 700px; font-family: Helvetica, Arial;">
<style type="text/css">
body {background-color: #f9f9f9;padding-left: 11%; padding-top: 7%; padding-right: 2%;max-width:700px;font-family: Helvetica, Arial;}
p{font-size: 14px; color: #000000;}
h1{font-size: 60px !important;color: #cccccc !important;margin:0px;}
h2{font-size: 28px !important;color: #666666 ! important;margin: 0px; border-bottom: 1px dotted #00A2FF; padding-bottom:3px;}
table{width:80%;}
td {font-size: 14px !important; line-height: 30px;color: #000000 !important; margin: 0px;border-bottom: 1px solid #e9e9e9;}
td:first-child {font-size: 14px !important; font-weight:bold; color: #000 !important; vertical-align:text-top; min-width:10%; padding-right:5px;}
a:link {color:#666666; text-decoration:underline;} a:visited {color:#666666; text-decoration:none;} a:hover {color:#00A2FF;}
b{font-weight: bold;}
</style>
<!--<h1 style="font-size: 60px !important; color: #cccccc !important; margin: 0px;">Hey there,</h1>-->
<p style="font-size: 14px; color: #000000;">
Annoncen bedes optaget på harmonikanyt.dk.
</p>
<div>
[_form_results_]
<!--<p style="font-size: 12px; color: #666666;">
<b style="font-weight: bold;">Note: </b> Customizing your email message is as easy as 1-2-3! To get started, edit your form and go into the <b style="font-weight: bold;">Settings &gt; Email Notices Tab</b> and then click on <b style="font-weight: bold;">"Configure email message"</b>. Web Form Builder supports HTML and CSS so there is no limit to how snazzy you can design your message.
For more info <a href="http://coffeecup.com" style="color: #666666; text-decoration: underline;">go here</a>.
Hope you're enjoying the software!
</p>-->
</div>
</body>
</html>

I have tried changing this line:
td:first-child {font-size: 14px !important; font-weight:bold; color: #000 !important; vertical-align:text-top; min-width:10%; padding-right:5px;}
Still to much space between the label and text.

Hope someone has the solution for this.
Attachments:
Søren, Denmark
User 187934 Photo


Senior Advisor
20,271 posts

Hi Soren,
Try changing the <p></p> tag to a <div></div> tag for the label tag.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 132002 Photo


Registered User
131 posts

Hi Eric

I don't see where to change this.

Søren
Søren, Denmark
User 187934 Photo


Senior Advisor
20,271 posts

Change this.
<p style="font-size: 14px; color: #000000;">
Annoncen bedes optaget på harmonikanyt.dk.
</p>

To this.
<div style="font-size: 14px; color: #000000;">
Annoncen bedes optaget på harmonikanyt.dk.
</div>

I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 132002 Photo


Registered User
131 posts

Hi Eric.
This is not a label:
<div style="font-size: 14px; color: #000000;">
Annoncen bedes optaget på harmonikanyt.dk.
</div>
Just plain text.

Maybe I should have explained it better but i think in Danish and then have to write in English.

I have attached a new picture hopefully this would explain it.

Søren
Attachments:
Søren, Denmark
User 187934 Photo


Senior Advisor
20,271 posts

I see what you after now.:)
Alter the allowable width of the body or the table.
table{width:80%;}
body {background-color: #f9f9f9;padding-left: 11%; padding-top: 7%; padding-right: 2%;max-width:700px;font-family: Helvetica, Arial;}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 132002 Photo


Registered User
131 posts

Hi Eric.

Thank you.
That was the way to do it.
Søren, Denmark

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.