|
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
|
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).
|
