Support

Home Forums Event Espresso Premium Change Font of Emails Generated In EE4

Change Font of Emails Generated In EE4

Posted: January 8, 2021 at 3:51 pm


JacqK

January 8, 2021 at 3:51 pm

Hello

We have the latest EE4. Currently emails generated out of EE4 (such as registration approved etc) in our theme have a Helvetica 10.5 font. We would like to change this to Calabri 11 – is there an easy way we can do this (am guessing additional CSS in wordpress?)

Regards, Joe


JacqK

January 12, 2021 at 1:54 pm

This reply has been marked as private.


Josh

  • Support Staff

January 13, 2021 at 9:30 am

Hi Joe,

You are correct, this is something where you’d add CSS. There’s a plugin you can use to help get you started. Here’s a link to where you can download the plugin code:

https://github.com/joshfeck/ee-email-css-starter-kit

After you downloaded the zip file, you’ll install the plugin using the WordPress > Plugins > Add New page. Then activate the plugin.

Then, you edit the plugin’s css/email_styles.css file. There are two places where it sets font-family. They’ll look like this:

font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
You can replace the above with something like this:
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

Then save the file.

Please note the included additional fonts. That’s called a “font stack” and the reason for including those is because Calibri can only be used if the computer/device displaying the email has Calibri installed. Most phones and tablets do not have Calibri so the additional typefaces can be used as a fallback.

You must be logged in to reply to this support post. Sign In or Register for an Account

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3 Documentation for Event Espresso 4

Status: publish

Updated by  Josh 1 week, 5 days ago ago

Topic Tags

Notifications

This topic is: not resolved
Do NOT follow this link or you will be banned from the site!