The Colours page enables you to specify the colour of elements and sections of the payment service pages. For more information about working with page layouts, please refer to Page Format.
To specify a colour enter its hexadecimal colour value, such as #FFFFFF for white, in the field to the right of the element/section name.
To make an element/section transparent delete the entry in the field, so that it is blank.
To find out which parts of the payment service pages are affected by the various colour options, select the View button (the eye icon) to the right of each option. This will open a labelled picture of the Payment Page.
|
|
Colours can apply to a distinct area of a page or a group of several areas. For example, if you change the colour of the Form Fields to blue, then the Refunds and Returns area will also be changed to blue - both areas are regarded as being in the same section for the purposes of customising the page. |
For more information about hexadecimal colour values, please refer to http://www.w3schools.com/html/html_colors.asp and http://www.w3.org/TR/css3-color/.
Figure: The Colours page
The table below describes the fields displayed in the Colours page.
|
Element/section |
Description |
||
|
Background colours |
Use these fields to specify the colour for selected background areas. |
||
|
Page Body |
Background colour of the body of the Payment Service pages. |
||
|
Page title |
Background colour of the title of Payment Service pages. |
||
|
Payment container |
Background colour of the payment container area of the Payment Page. |
||
|
Form fields |
Background colour of the form fields in the Payment Page contents area. The same colour is also applied to the banner in the result pages (resultC and resultY). |
||
|
Table headings |
The background colour displayed in the table headings of the payment contents area. The same colour is also applied to the Cancel label of the Payment Selection page. |
||
|
Border for Payment Container |
The colour of the border surrounding the payment container area. Note that you will need to set the Border Width to a value greater than 0 in the Page Format page. |
||
|
Text Colours |
Use these fields to specify the colour for selected texts. |
||
|
|
|
||
|
Page title |
Font colour for the title of the Payment Page. |
||
|
Default |
Font colour of the default text in the payment container area of the Payment Page. |
||
|
Form fields |
Font colour of the form fields in the Payment Page contents area. The same colour is also applied to the banner in the result pages (resultC and resultY). |
||
|
Table headings |
Font colour displayed in the table headings of the payment contents area. The same colour is also applied to the Cancel label of the Payment Selection page. |
||
|
'Make Payment' button label |
Colour of the text that appears on the Make Payment button. |
||
|
'Start Again' button label |
Colour of the text that appears on the Start Again button. |
||
|
'Cancel' button label |
Colour of the text that appears on the Cancel button. |
||
|
Card labels on 'Payment Selection' page |
Font colour for the method selection card logos on the Payment Selection page. |
||
|
Footer Text |
Font colour of the text in the page footer. |
||
|
Error messages |
Font colour of error messages displayed on the Payment Page. |
||
|
Set Colours button |
Select this button to apply your colour settings. |
Figure: A labelled Payment Page
|
|
|
