Each area of an eDD page has its own styling section for maximum flexibility. To style the various sections follow the steps below:
From the Payments homepage your sites will be listed.
Identify the site you wish to edit and click the purple Edit button.
Each site has 4 pages: Form, Review, Confirmation and Print. Form will be selected by default. To style another page click the page icon on the vertical column on the left hand side and select the required page.
Select Element Layout on the left hand side (the three boxes icon). You'll see:
A main Root element at the top - this relates to the main site background.
Additional Root elements under each relevant page section heading.
Clicking on Root for your chosen section brings up a Style box on the right hand side. This consists of four sections:
Layout - allows configuration of background colours, images and placing the form to the left, centre or right of the page.
Dimensions - allows adjustment of the page width and padding to make it compact or larger as required (normally only necessary for a complex site build).
Typography - allows changing font style, size and colour.
Borders and Shadow - only for bespoke sites.
Clicking on the various areas under the Body section, will scroll to the relevant area of the form and you will have editing options for font, colour etc at the top of the Text Box you want to edit. Just click the Tick icon when you’re done.
Once you’re done, hit SAVE DESIGN button in the top right hand corner. You can also use the PREVIEW DESIGN button in the top right to get a ‘payers-view' of the page.