Message do not keep line break
-
Hello,
When we send a message, all the text from the text box is in one line instead of keeping line change.
For example
Line one
Line two
Line threewill be received in the message like this:
Line one Line two Line threeHow can I change this behavior?
Thank you
Patrice
-
Where can we see the website in question?
Hello,
Here it is
https://www.vigierguitars.com
Sincerely
PatriceSee Setting up mail
What email settings do you have in the Mail tab panel?
Hello Takayuki,
Thank you for your answer.
I guess you mean in the Message body, here it is:<html xmlns="https://www.w3.org/1999/xhtml" dir="ltr"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Vigier contact form</title> <style> body { background-color: black !important; color:#CCC; font-size:14px !important; /* font-family: "lato", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif !important;*/ padding:20px; min-height:400px; } h1 { margin-left: 40px; } </style> </head> <body contenteditable="true"> <!-- D??????????a??????but image --> <img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAMgAAAByCAYAAAAWCZ6NAAAACXBIWXMAAAsTAAAL EwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAA 7AAAAABJRU5ErkJggg==" alt="Vigier Guitars"> <!-- Fin image --> <br> <br> <b>De :</b> [your-name] - [your-email]<br> <b>Service :</b> [_raw_your-recipient]<br> <b>Sujet :</b> [sujet]<br> <br> <b>Message :</b><br> [your-message]<br> <br> <br> <b>Pièce jointe :</b> </br>[upload-file-248] <br> <br> This e-mail was sent from a contact form on zzzz (https://www.zzzzz.com) [_date] - [_time] - IP: [_remote_ip] </body></html>
Use html is selected
Thank you
Patrice-
This reply was modified 4 years, 7 months ago by
Patrice.
Replace it solely with the body part as:
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAMgAAAByCAYAAAAWCZ6NAAAACXBIWXMAAAsTAAAL EwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAA 7AAAAABJRU5ErkJggg==" alt="Vigier Guitars"> <!-- Fin image --> <br> <br> <b>De :</b> [your-name] - [your-email]<br> <b>Service :</b> [_raw_your-recipient]<br> <b>Sujet :</b> [sujet]<br> <br> <b>Message :</b><br> [your-message]<br> <br> <br> <b>Pièce jointe :</b> </br>[upload-file-248] <br> <br> This e-mail was sent from a contact form on zzzz (https://www.zzzzz.com) [_date] - [_time] - IP: [_remote_ip]
The header and footer parts are automatically generated.
Hello,
Thank you very much and sorry for the late reply.
It works for the line break.
But where do I put the css?<style> body { background-color: black !important; color:#CCC; font-size:14px !important; /* font-family: "lato", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif !important;*/ padding:20px; min-height:400px; } h1 { margin-left: 40px; } </style>
Thank you
PatriceI try to leave the css on top but then margins are not good.
You can use the
wpcf7_mail_html_header
filter hook to replace the default header.Hello Takayuki,
Thank you again for your answer.
I try to override the mail.php function in functions.php but I do not have the knowledge to do it. So I did replace the function directly in mail.php, but I still have a margin problem, there are two line added before my message srart (with a logo)Do you have any idea why?
private function htmlize($body) { if ($this->locale) { $lang_atts = sprintf(' %s', wpcf7_format_atts(array( 'dir' => wpcf7_is_rtl($this->locale) ? 'rtl' : 'ltr', 'lang' => str_replace('_', '-', $this->locale), )) ); } else { $lang_atts = ''; } $header = apply_filters('wpcf7_mail_html_header', ' <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>' . esc_html($this->get('subject', true)) . '</title> <style> body { background-color: black !important; color:#CCC; font-size:14px !important; padding:20px; min-height:400px; } h1 { margin-left: 40px; } </style> </head> <body> ', $this); $footer = apply_filters('wpcf7_mail_html_footer', '</body> </html>', $this); $html = $header . wpautop($body) . $footer; return $html; }
Thank you in advance
Patrice-
This reply was modified 4 years, 7 months ago by
Patrice.
Hello,
Can somebody help me override the mail.php in the functions.php ?
Thank you
PatriceThe reason why I had a big margin on top of my e-mail after doing the modification of mail.php was the base64 image included in the email contact form (in WordPress).
I did put the base64 image in the mail.php and it worked.
So for those that are interested, my code is, starting around line 80:
$header = apply_filters( 'wpcf7_mail_html_header', '<!doctype html> <html xmlns="https://www.w3.org/1999/xhtml"' . $lang_atts . '> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Vigier formulaire de contact</title> <style> body { background-color: black !important; color:#CCC; font-size:14px !important; padding:20px; min-height:400px; } h1 { margin-left: 40px; } </style> </head> <body contenteditable="true"> <!-- Début image --> <img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAMgAAAByCAYAAAAWCZ6NAAAACXBIWXMAAAsTAAAL EwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAA ATSvYpY5xWWqGHtW+SFjsijJsj9EeTmF7REBJU2X9H3WgP1m6C37dEXQwJp9OULoJWx EUww" alt="Vigier Guitars"> <!-- end image --> ', $this ); $footer = apply_filters( 'wpcf7_mail_html_footer', '</body> </html>', $this );
Hello,
How do I keep mail.php from being updated from CF7 update?
I do not know how to override it in the function.php
Can anybody help me?
Thank you -
This reply was modified 4 years, 7 months ago by
- The topic ‘Message do not keep line break’ is closed to new replies.