Support

Home Forums Event Espresso Premium Editing different areas of registration process

Editing different areas of registration process

Posted: October 27, 2015 at 4:18 am

Viewing 9 reply threads


woodendnh

October 27, 2015 at 4:18 am

Hi there,
I need to edit different elements of the info you see during registration. Can you tell me where I can edit the following info please:

1) The ‘congratulations’copy you get on screen once you have registered for an event (I’d like to chnage the text)
2) The colour of the button which says ‘view full order confirmation’ (I need to change the colour of the button and wording)
3) The pdf you get when you hit ‘view full order confirmation’ (I’d like to add in a banner to the page and remove the tax section completely).
Thanks so much,
Kate


Lorenzo Orlando Caum

  • Support Staff

October 27, 2015 at 6:47 am

Hi Kate,

Here is feedback on your questions:

1) This can be changed using a filter and here is an example:

https://gist.github.com/lorenzocaum/b0fef298c2ecb2965353

2) Here is an example of how to change the button text along with the color:

https://gist.github.com/lorenzocaum/c1ec551fea18ec0a0ab7

3) The receipt is part of the messages system and can be changed in Event Espresso –> Messages –> Receipt.


Lorenzo


woodendnh

October 28, 2015 at 9:45 pm

Hi Lorenzo,
Thanks so much for this. I’m able to edit the ‘receipt’ message, but I can’t work out how to remove the whole taxes table. If i remove the code from the ‘tax line item list’, I still get the heading and the table properties, just nothing in the table. How do i remove that section completely please?

Also, I have added a banner to this custom template: http://www.amsut.net.au/clients/woodendnh.org.au/wp-admin/admin.php?page=espresso_messages&message_type=receipt&messenger=html&context=purchaser&GRP_ID=22&action=preview_message&preview_message_nonce=d5f1759512&return=edit_message_template, how do I get it to centre on the page?

Many thanks,
Kate


Lorenzo Orlando Caum

  • Support Staff

October 29, 2015 at 9:51 am

Hi Kate,

Go to the Receipt message type in the messages editor. Then click on the Text tab in the top right corner of Main Content area:

http://cl.ly/image/3K1U0C2F3i3r

You’ll then see a the receipt in its HTML form.

Remove the section for the taxes. I’ve highlighted it in blue in this screenshot:

http://cl.ly/image/1V3p190g1m2o

Once you are done, use the Visual tab to switch back and you’ll see the receipt rendered. Then click on your banner and then click on the align center button on the toolbar:

http://cl.ly/image/2t41081j3t2v

Then save changes by clicking on the Save button.

Also, we won’t be able to view any links that are shared to your WP dashboard (WP-admin). Those are private links. You described what you were wanting to do very well so I was able to understand and grab the screenshots above from one of our testing sites.

Thanks


Lorenzo


woodendnh

October 29, 2015 at 7:44 pm

Hi Lorenzo,
Thanks so much for this. The first part worked perfectly but for some reason I cann’t get the image to align despite following your instructions. This is what it looks like: http://www.amsut.net.au/clients/woodendnh.org.au/wp-content/uploads/2015/10/receipt-banner-error.png

Is there another way of changing the alignment please?

Thanks again, Kate


Lorenzo Orlando Caum

  • Support Staff

October 30, 2015 at 5:28 am

Hi Kate,

Could you go to the messages editor for the receipt message template and then toggle the text view and grab a screenshot of the html?

Then please share that screenshot here in your support post.

Thanks


Lorenzo


woodendnh

October 30, 2015 at 4:35 pm

Thanks Lorenzo, here you go: http://www.amsut.net.au/clients/woodendnh.org.au/wp-content/uploads/2015/10/receipt-banner-image-html.png

Kate


Lorenzo Orlando Caum

  • Support Staff

November 2, 2015 at 8:34 am

Hi Kate,

Could you try changing alignnone to aligncenter and then saving changes? This appears next to wp-image-85 in your screenshot.

If that doesn’t work, then try moving the image code out of the current div and below it. Here is the image code for reference:

http://cl.ly/image/3X1a0n1W1L2L

I blurred out the surrounding code so you know what to copy.


Lorenzo


woodendnh

November 5, 2015 at 2:49 am

Hi Lorenzo,
I have tried all those thinsg and while the banner alignment moved when I took the code out of the div, it still isn’t aligning left. Here’s the code for you:
http://www.amsut.net.au/clients/woodendnh.org.au/wp-content/uploads/2015/11/banner-alignment-in-messages-code.png
Cheers,
Kate


Tony

  • Support Staff

November 5, 2015 at 4:51 am

When the imag is within the noPrint div, it is within an element that has been sized to 680px and set with margin auto to align it to the center.

So when you place the image within that div it loads indented – http://take.ms/VPHUB

You can get the image to load correctly then from within there, but its messy.

If you noticed on that image your image is aligned correctly, that’s because I’ve done it slightly differently.

The easiest way to do this is to add:

<div class="header-image" style="width: 815px; margin: 10px auto;">
<img src="http://www.amsut.net.au/clients/woodendnh.org.au/wp-content/uploads/2015/09/WNH_website-masthead_v2.jpg" width="815" height="192" alt="" />
</div>

To the top of the message template – http://take.ms/9tuzE

Which loads like this – http://take.ms/VgOD7

If you want to below the buttons, move it below the noPrint div completely, like this – http://take.ms/owDxa

That looks like this – http://take.ms/9Nxg5

Note for this I am using inline styles simply because it’s the most simply solution to this without needing to add custom styles within the messages.

Also if you do not want the image to be included within the PDF, add the noPrint class to the header-image div.

Viewing 9 reply threads

The support post ‘Editing different areas of registration process’ 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