How to modify the CSS for notification emails

Created by Phil Kurth, Modified on Mon, 27 Jun, 2022 at 3:01 PM by Phil Kurth

You may use the af/form/email/styles filter to modify the CSS the is used to style email notifications. The following example demonstrates how to change the width of a table element within the email:

function alter_form_email_css_example( $css ) {
  ob_start();
  ?>
  table {
    width: 1000px;
  }
  <?php
  $new_css = ob_get_clean();

  return $css . $new_css;
}

add_filter( 'af/form/email/styles/key=FORM_KEY', 'alter_form_email_css_example' );