View file File name : header-default.php Content :<?php /** * Email Header * * @since 1.1.3 */ // Exit if accessed directly. if ( ! defined( 'ABSPATH' ) ) { exit; } $header_image = wpforms_setting( 'email-header-image', false ); $background_color = wpforms_setting( 'email-background-color', '#e9eaec' ); $text_direction = is_rtl() ? 'rtl' : 'ltr'; ?> <!doctype html> <html dir="<?php echo $text_direction; ?>" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <!--[if gte mso 15]> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> <![endif]--> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title><?php echo get_bloginfo( 'name' ); ?></title> <style type="text/css"> p{ margin:10px 0; padding:0; } table{ border-collapse:collapse; } h1,h2,h3,h4,h5,h6{ display:block; margin:0; padding:0; } img,a img{ border:0; height:auto; outline:none; text-decoration:none; } body,#bodyTable,#bodyCell{ height:100%; margin:0; padding:0; width:100%; } #outlook a{ padding:0; } img{ -ms-interpolation-mode:bicubic; } table{ mso-table-lspace:0pt; mso-table-rspace:0pt; } .ReadMsgBody{ width:100%; } .ExternalClass{ width:100%; } p,a,li,td,blockquote{ mso-line-height-rule:exactly; } a[href^=tel],a[href^=sms]{ color:inherit; cursor:default; text-decoration:none; } p,a,li,td,body,table,blockquote{ -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; } .ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.ExternalClass span,.ExternalClass font{ line-height:100%; } a[x-apple-data-detectors]{ color:inherit !important; text-decoration:none !important; font-size:inherit !important; font-family:inherit !important; font-weight:inherit !important; line-height:inherit !important; } #bodyCell{ padding:50px 50px; } .templateContainer{ max-width:600px !important; border:0; } a.mcnButton{ display:block; } .mcnTextContent{ word-break:break-word; } .mcnTextContent img{ height:auto !important; } .mcnDividerBlock{ table-layout:fixed !important; } /***** Make theme edits below if needed *****/ /* Page - Background Style */ body,#bodyTable{ background-color:<?php echo $background_color; ?>; } /* Page - Heading 1 */ h1{ color:#202020; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size:26px; font-style:normal; font-weight:bold; line-height:125%; letter-spacing:normal; } /* Page - Heading 2 */ h2{ color:#202020; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size:22px; font-style:normal; font-weight:bold; line-height:125%; letter-spacing:normal; } /* Page - Heading 3 */ h3{ color:#202020; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size:20px; font-style:normal; font-weight:bold; line-height:125%; letter-spacing:normal; } /* Page - Heading 4 */ h4{ color:#202020; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size:18px; font-style:normal; font-weight:bold; line-height:125%; letter-spacing:normal; } /* Header - Header Style */ #templateHeader{ border-top:0; border-bottom:0; padding-top:0; padding-bottom:20px; text-align: center; } /* Body - Body Style */ #templateBody{ background-color:#FFFFFF; border-top:0; border: 1px solid #c1c1c1; padding-top:0; padding-bottom:0px; } /* Body -Body Text */ #templateBody .mcnTextContent, #templateBody .mcnTextContent p{ color:#555555; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size:14px; line-height:150%; } /* Body - Body Link */ #templateBody .mcnTextContent a, #templateBody .mcnTextContent p a{ color:#ff7f50; font-weight:normal; text-decoration:underline; } /* Footer - Footer Style */ #templateFooter{ background-color:<?php echo $background_color; ?>; border-top:0; border-bottom:0; padding-top:12px; padding-bottom:12px; } /* Footer - Footer Text */ #templateFooter .mcnTextContent, #templateFooter .mcnTextContent p{ color:#cccccc; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size:12px; line-height:150%; text-align:center; } /* Footer - Footer Link */ #templateFooter .mcnTextContent a, #templateFooter .mcnTextContent p a{ color:#cccccc; font-weight:normal; text-decoration:underline; } @media only screen and (min-width:768px){ .templateContainer{ width:600px !important; } } @media only screen and (max-width: 480px){ body,table,td,p,a,li,blockquote{ -webkit-text-size-adjust:none !important; } } @media only screen and (max-width: 480px){ body{ width:100% !important; min-width:100% !important; } } @media only screen and (max-width: 680px){ #bodyCell{ padding:20px 20px !important; } } @media only screen and (max-width: 480px){ .mcnTextContentContainer{ max-width:100% !important; width:100% !important; } } /* Rich Text compatibility - image alignment. */ .mcnTextContentContainer table tbody, .mcnTextContentContainer table tbody tr, .mcnTextContentContainer table tbody td { display: block; } .mcnTextContentContainer p::after { content: ""; clear: both; display: block; } .mcnTextContentContainer p .alignleft, .mcnTextContentContainer li .alignleft { float: left; margin-right: 16px; margin-top: 8px; margin-bottom: 8px; } .mcnTextContentContainer p .aligncenter, .mcnTextContentContainer li .aligncenter { display: block; margin-left: auto; margin-right: auto; } .mcnTextContentContainer p .alignright, .mcnTextContentContainer li .alignright { float: right; margin-left: 16px; margin-top: 8px; margin-bottom: 8px; } /* styling lists */ .mcnTextContentContainer li { list-style-position: inside; mso-text-indent-alt: 0; } /* Order Summary */ .wpforms-order-summary-container { display: block; border-width: 1px; border-style: solid; max-width: 100%; border-color: #e2e2e2; } .wpforms-order-summary-container table.wpforms-order-summary-preview { width: 100%; border-collapse: collapse; table-layout: fixed; box-sizing: content-box; margin: 0; } .wpforms-order-summary-container table.wpforms-order-summary-preview tbody { display: contents; } .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, .wpforms-order-summary-container table.wpforms-order-summary-preview tr td { text-align: center; } .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-item-label { text-align: start; padding-left: 10px; } .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-item-quantity { width: 8ch; } .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-item-price { width: 6ch; text-align: end; padding-right: 10px; } .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { text-align: start; padding-left: 10px; } .wpforms-order-summary-container table.wpforms-order-summary-preview tr { border-bottom-width: 1px; border-bottom-style: solid; border-color: #e2e2e2; display: table-row; } .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, .wpforms-order-summary-container table.wpforms-order-summary-preview tr td { padding: 9px 0; line-height: 20px; background: none; border: none; font-weight: 400; display: table-cell; } .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td { font-weight: 700; } .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total { border-bottom: none; } .wpforms-order-summary-container table.wpforms-order-summary-preview caption, .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-placeholder-hidden { display: none; } .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price { color: #d63638; } </style> </head> <body style="height: 100%;margin: 0;padding: 0;width: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: <?php echo $background_color; ?>;"> <!-- Don't forget to run final template through http://templates.mailchimp.com/resources/inline-css/ --> <center> <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: 100%;margin: 0;padding: 0;width: 100%;background-color: <?php echo $background_color; ?>;"> <tr> <td align="center" valign="top" id="bodyCell" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: 100%;margin: 0;padding: 50px 50px;width: 100%;"> <!-- BEGIN TEMPLATE // --> <!--[if gte mso 9]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;"> <tr> <td align="center" valign="top" width="600" style="width:600px;"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;border: 0;max-width: 600px !important;"> <?php if ( ! empty( $header_image ) ) { echo '<tr><td valign="top" align="center" id="templateHeader" style="padding-bottom:20px;text-align:center;">'; echo '<img src="' . esc_url( $header_image ) . '" alt="' . esc_attr( get_bloginfo( 'name' ) ) . '" />'; echo '</td></tr>'; } ?> <tr> <td valign="top" id="templateBody" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #FFFFFF;border-top: 0;border: 1px solid #c1c1c1;padding-top: 0;padding-bottom: 0px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"> <tbody class="mcnTextBlockOuter"> <tr> <td valign="top" class="mcnTextBlockInner" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" class="mcnTextContentContainer"> <tbody> <tr> <td valign="top" style="padding-top: 30px;padding-right: 30px;padding-bottom: 30px;padding-left: 30px;" class="mcnTextContent">