Support

Home Forums Event Espresso Premium Editing the ticket layout

Editing the ticket layout

Posted: August 31, 2020 at 10:45 am


ComedieTriomphe

August 31, 2020 at 10:45 am

Hi,

I have been trying to edit the template of the ticket that is sent when a purchase is made.

When I go to messages, and go to edit the current “Ticket” HTML message, it doesn’t let me edit everything I need to edit. I have inspected the ticket to find which CSS sheets are used, and it points at “html_ticketing_main_default.css” in variations folder of the ticketing plugin. When I modify this sheet, the changes won’t appear in the ticket.

What am I doing wrong?

(I am trying to change the colour of the top bar in the default template)


Tony

  • Support Staff

September 3, 2020 at 5:55 am

Hi there,

So you mean the ticket notice email?

Theres some details on how to override the styles of a template pack variation (the css file) here:

https://eventespresso.com/topic/message-template-variations-procedure/#post-140907

And specifically this:

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

However….

(I am trying to change the colour of the top bar in the default template)

Can’t you just switch to text mode and alter the inline style to change the colour?


ComedieTriomphe

September 3, 2020 at 7:11 am

Hi,

No, I meant the actual ticket. The one with the we code and the details of the show.


Tony

  • Support Staff

September 3, 2020 at 7:28 am

Ok, so you can still use the above snippet, or just add some inline styles.

For example that header is within the a div with class ‘instructions’, we can just add some inline styles to that template link this:

<div class="instructions" style="background-color: blue; border: 1px solid pink;">Print and bring this ticket with you to the event</div>

To give a very fashionable blue background and pink border:

https://monosnap.com/file/xUv1rxFdy8BjYYoc37QcQZQf5BFWg3

Obviously you can change that to whatever you prefer and you do that in Text mode, like this:

https://monosnap.com/file/p75KFnBwy4kdsFNQSDRoxqnZZI42fp

Does that work for you?

The support post ‘Editing the ticket layout’ 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