Support

Home Forums Event Espresso Premium Editing the Confirmation Page

Editing the Confirmation Page

Posted: January 25, 2018 at 2:58 am


esassisting

January 25, 2018 at 2:58 am

Hi again! πŸ™‚

I would like to request an assistance again. I would like to have a better interface for the Confirmation Page. Some details are unnecessary and I would like to delete it.

1. For the Registration Details, I would like only to show the Registrant Name. Delete the reg Code column, Reg Status column, edit info and resend email.

2. Delete the Transaction Details

3. Payment Overview, kindly makes the VIEW INVOICE bigger and noticeable.

Please see image below for reference.
confirmation page


Tony

  • Support Staff

January 26, 2018 at 11:43 am

Hi there,

Without custom coding, you can hide most of the details you want using CSS:

1. For the Registration Details, I would like only to show the Registrant Name. Delete the reg Code column, Reg Status column, edit info and resend email.

To remove the registration details you can use:

.ee-registration-details-dv .ee-registrations-list th:nth-of-type(2), 
.ee-registration-details-dv .ee-registrations-list th:nth-of-type(3), 
.ee-registration-details-dv .ee-registrations-list td:nth-of-type(2), 
.ee-registration-details-dv .ee-registrations-list td:nth-of-type(3) {
    display: none;
}

The edit info and resend email links:

.ee-registration-details-dv .ee-icon-only-lnk {
    display: none;
}

For the edit attendee info link:

.ee-registration-details-dv > p {
    display: none;
}

2. Delete the Transaction Details

Use:

#espresso-thank-you-page-ajax-transaction-dv {
    display: none!important;
}

3. Payment Overview, kindly makes the VIEW INVOICE bigger and noticeable.

Depends on what exactly you want, but heres some styles to make the link bigger to get you started:

#espresso-thank-you-page-ajax-payment-dv .ee-invoice-lnk {
    font-size: 22px;
}

You can add that to Appearance -> Customize -> Additional CSS

Please refer to this guide for more detailed information about the CSS customizer: https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress


esassisting

February 1, 2018 at 9:56 pm

Hi,

All my requests have been achieved. Thank you for the support.

But, I have one more concern here.

The interface is quite unpleasant. Can we adjust the font size and delete some text.

Please refer to the image below.

checkout

Also, please adjust the spacing between the Payment Overview and the Registrant Name.

Thanks in advance.


esassisting

February 5, 2018 at 2:11 am

Hello,

Kindly disregard the previous request.

Please see below image:

1-Delete the ‘REGISTRATION DETAILS’
2-Delete ‘for’
3-Delete ‘PAYMENT OVERVIEW’
4-Delete text ‘NO PAYMENTS TOWARDS THIS TRANSACTION HAVE BEEN RECEIVED’
5-Deleted text ‘SUPPORT US ON SOCIAL MEDIA- SPREAD THE WORLD.’
6-Make the ‘VIEW INVOICE’ a button
7-Make everything in CENTER

3

Thanks in advance. πŸ™‚


Tony

  • Support Staff

February 5, 2018 at 2:41 pm

Hi there,

Whilst we provide support for the plugin, we don’t provide support for customizations.

We are generally more than happy to help point you in the right direction, but providing CSS to hide almost all of the output from Event Espresso to be aesthetically pleasing in your specific theme is something you will need to hire a front-end developer to do for you.

Or you can learn how to target the specific elements you want to style using your browser’s inspector and apply the styles yourself, for example, take a look here:

https://css-tricks.com/video-screencasts/15-introduction-to-firebug/

The support post ‘Editing the Confirmation Page’ 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