Support

Home Forums Event Espresso Premium Custom CSS for email notification templates

Custom CSS for email notification templates

Posted: August 13, 2019 at 5:33 am


SupercarDriver

August 13, 2019 at 5:33 am

Hi, How would I customise the CSS for email templates for examples the ‘Registration Approved’ email template?

I have seen a couple of threads on the forum but all mention adding something to the functions.php file it seems, any help much appreciated.


Tony

  • Support Staff

August 13, 2019 at 6:47 am

Hi there,

It really depends on what you want to change, can you provide more details so which know which method to recommend?


SupercarDriver

August 13, 2019 at 7:46 am

Hi Tony, there are some classes such as callout as well as any href’s being styled, would be good to change the colours to be branded.
The class I can replace with inline styles, but the href is controlled with the stylesheet somewhere.


Tony

  • Support Staff

August 14, 2019 at 6:23 am

So for that, you have a few options.

Inline styles are the ‘easiest’ but for the links probably not suitable.

There’s a bunch of hooks ‘fired’ within the messages that you can use to add additional CSS, see this post:

https://eventespresso.com/topic/edit-css-for-messages/#post-203886

Or, another option is to replace the default .css file used for that template variation with a custom version, for that you can use this hook:

https://github.com/eventespresso/event-espresso-core/blob/master/docs/I–Filter-and-Action-Hooks-in-EE/FHEE__EE_Messages_Template_Pack__get_variation.md

You’d copy the current .css file into your theme’s (preferably a child theme) root directory and alter it there, then that filter will be used in its place.


SupercarDriver

August 14, 2019 at 6:45 am

Perfect, the custom css route will work best for us, will give it a go, thanks!

The support post ‘Custom CSS for email notification templates’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso