|
koopmanw
|
June 25, 2020 at 8:12 am
Editing the registration checkout page
|
|
koopmanw
|
June 25, 2020 at 8:14 am
Hi
I wish to move the block in yellow which reads “Important information regarding your payment” to a higher position in the page and also the finalize your registration button slightly higher as registrants are sometimes missing this step an simply click on “download invoice”.
How would I do this please?
|
|
Seth Shoultes
|
June 25, 2020 at 12:03 pm
Hi there,
The easiest way to customize this section of the checkout page is to use CSS and move the DOM elements around.
|
|
koopmanw
|
June 27, 2020 at 2:21 pm
THanks, Seth.
I shall give it a try.
|
|
koopmanw
|
June 27, 2020 at 2:42 pm
Just an additional question please, Seth.
Where would I find the css for the this page?
|
|
koopmanw
|
June 27, 2020 at 2:59 pm
I wish to move the yellow block higher up as in the image here: https://bit.ly/2Z9SyqI
Please advise.
|
|
Tony
|
June 29, 2020 at 3:17 pm
Where would I find the css for the this page?
May I ask why you need the original file here? You don’t want to edit the original CSS as those modifications would be lost when EE updates, you should just be overriding the original CSS with your own.
I wish to move the yellow block higher up as in the image here: https://bit.ly/2Z9SyqI
Please advise.
You’ll need some CSS to reorder the elements or use some JavaScript to manipulate the elements the way you are looking to do.
We don’t provide support for these kinds of customizations to the output so if you are unsure on how to do this I recommend contacting a developer who can do this for you.
|
