Home Forums Event Espresso Premium Editing the registration checkout page

Editing the registration checkout page

Posted: August 23, 2018 at 3:23 am


August 23, 2018 at 3:23 am

Hi, I would like to edit the registration checkout page on my side to make it a bit more compact. Currently there is too much spacing between the payment details confirmation, the method of payment and the important information block. How do I reduce the spacing as I need to bring up the “Proceed to finalize registration” button closer to the top so that the user can see that they need to click there to proceed to the payment gateway? Thanks

Seth Shoultes

  • Support Staff

August 23, 2018 at 5:50 am

Hi there,

If you are familiar with Cascading Style Sheets (CSS), you should be able to add styles using the WordPress Customizer CSS tool to adjust the styles on that page.


August 23, 2018 at 5:54 am

Thanks Seth. Im familiar with CSS, but I need to know what attributes to change/customize?


  • Support Staff

August 23, 2018 at 6:38 am


You could start with these:

.page-id-216822 .et_pb_row et_pb_row_1 img {
max-width: 50%;

.page-id-216822 .et_pb_row_1 {
padding: 5px 0;

padding-bottom: 0;
margin: 5px 0;

#spco-payment-method-info-payfast {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
border: none;

#spco-payment-method-info-payfast .ee-attention {
margin: 0;

If you need more attributes, you can use your web browser’s inspector to get more.

The support post ‘Editing the registration checkout 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.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3 Documentation for Event Espresso 4

Status: closed

Updated by  Josh 1 year, 9 months ago ago

Topic Tags


This topic is: not resolved
Do NOT follow this link or you will be banned from the site!