Support

Home Forums Event Espresso Premium Changes to EE4 default registration form

Changes to EE4 default registration form

Posted: November 13, 2020 at 4:00 am


JacqK

November 13, 2020 at 4:00 am

Hello

We are moving from EE3 to EE4 and are testing EE 4.10.8.p.

We are looking to make some change to the default checkout registration form. We just want to remove two text sections and increase font sizes as per the following screen shots.

Changes to form

Would be grateful if you could let me know if it is possible to do this by adding css (hoping we can just add additional css through wordpress) and if so what css you would suggest and where it should go.

Regards, Joe


Tony

  • Support Staff

November 13, 2020 at 4:18 am

Hi Joe,

Working top down, for the ‘Steps’ header you can use:

#spco-steps-big-hdr {
    display: none;
}

For the steps themselves, you can use:

#spco-steps-display-dv {
    display: none;
}

Combine those together into just:

#spco-steps-big-hdr,
#spco-steps-display-dv {
    display: none;
}

Which will hide both for you.

The font size on the table depends on the specifics of how you want it to display, but you can start with something like:

table.spco-ticket-details {
    font-size: 1.2em;
}

Same with the ‘Use attendees #1…’ font size, but again another starting point:

.spco-copy-all-attendee-pg {
    font-size: 1.2em;
}

To remove the additional paragraph there you can use:

.spco-copy-attendee-pg {
    display: none;
}

—-

All combined together thats:


#spco-steps-big-hdr,
#spco-steps-display-dv {
    display: none;
}
table.spco-ticket-details {
    font-size: 1.2em;
}
.spco-copy-all-attendee-pg {
    font-size: 1.2em;
}
.spco-copy-attendee-pg {
    display: none;
}

You can add that into Dashboard -> Appearance -> Customize -> Additional CSS

Side note – with EE4 we try to apply minimal styling and rely on your theme’s styles to try and key our output matching the rest of the site. We do often need to apply our own styles but the above means that my CSS may not actually work on your site because it depends on how your theme styles are applied. So when looking to changes some styling its usually a good idea to also include a link to the event in question so we can view the page (I know that’s not always possible, but just a heads up).

The support post ‘Changes to EE4 default registration form’ 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  Tony 2 weeks, 5 days ago ago

Topic Tags

Notifications

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