Support

Home Forums Event Espresso Premium Edit CSS for messages

Edit CSS for messages

Posted: May 12, 2016 at 3:49 am


Visual Facilitators

May 12, 2016 at 3:49 am

I found several older posts on this topic but none of them helps me.
https://eventespresso.com/search-results/?q=css+messages
https://eventespresso.com/topic/edit-css-of-email-messages/
https://eventespresso.com/topic/custom-css-on-messages/

And I actually don’t get the documentation, that’s not enough info for a “normal user” like me. http://developer.eventespresso.com/hooks/fhee__ee_messages_template_pack__get_variation/

It seems there should be files in a folder of the core plugin, but I even don’t have that folder there.

Screenshot from Transmit

Should I just create new css files and put that in my uploads folder?
email_main_default.css
email_preview_default.css
email_wpeditor_default.css


Visual Facilitators

May 12, 2016 at 4:02 am

The Link to screenshot was not working. Here a new link
Screenshot from Transmit

I found an espresso folder which was already in the Uploads but the css folder is empty:
Screenshot CSS


Tony

  • Support Staff

May 12, 2016 at 4:54 am

Hi there,

That documentation is not intended for a ‘normal user’ but can be used by a developer to filter the the variation stylesheet path.

What is it you are looking to change? There may be other hooks available that will allow you to change what you need. For example:

Email messenger actions

do_action( 'AHEE__EE_Email_Messenger_main_wrapper_template_head', $message_type, $subject, $from, $main_body ); 
do_action( 'AHEE__EE_Email_Messenger_main_wrapper_template_header', $message_type, $subject, $from, $main_body );
do_action( 'AHEE__EE_Email_Messenger_main_wrapper_template_before_main_body', $message_type, $subject, $from, $main_body );
do_action( 'AHEE__EE_Email_Messenger_main_wrapper_template_after_main_body', $message_type, $subject, $from, $main_body ); 
do_action( 'AHEE__EE_Email_Messenger_main_wrapper_template_footer', $message_type, $subject, $from, $main_body );

Html messenger actions

do_action( 'AHEE__EE_Html_Messenger_main_wrapper_template_head', $message_type, $page_title, $base_css, $print_css, $main_css, $main_body);
do_action( 'AHEE__EE_Html_Messenger_main_wrapper_template_header', $message_type, $page_title, $base_css, $print_css, $main_css, $main_body);
do_action( 'AHEE__EE_Html_Messenger_main_wrapper_template_before_main_body', $message_type, $page_title, $base_css, $print_css, $main_css, $main_body);
do_action( 'AHEE__EE_Html_Messenger_main_wrapper_template_after_main_body', $message_type, $page_title, $base_css, $print_css, $main_css, $main_body);
do_action( 'AHEE__EE_Html_Messenger_main_wrapper_template_footer', $message_type, $page_title, $base_css, $print_css, $main_css, $main_body);


Visual Facilitators

May 12, 2016 at 5:30 am

I only like to edit the style of invoice or receipt through the classes which are already set there.
There should be an easier way as adding code.


Tony

  • Support Staff

May 12, 2016 at 5:38 am

You can add styles inline within the messages system if you prefer not to add any code.


Visual Facilitators

May 12, 2016 at 5:49 am

I would prefer to have the style collected in a css, but if that is to complicated I make it that way.
Would be great if there would be an easier way for styling in the near future.


Josh

  • Support Staff

May 12, 2016 at 8:29 am

Adding styles inline is the easier way.

The support post ‘Edit CSS for messages’ 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