Colours

The Colours page lets you specify the colour of elements and sections of the payment pages.

  • To specify a colour enter its hexadecimal colour value, such as #FFFFFF for white, in the field to the of the element / section name. For more information about hexadecimal colour values, try thehexadecimal colour picker.

  • 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 pages are affected by the various colour options, select View to the right of each option. This opens a labelled picture of the payment page. There's also a useful imagebelow.

Note: 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 also changes to blue - both areas are regarded as being in the same section for the purposes of customising the page.

Colours page

../resources/images/colours_thumb_350_0.png

Feature descriptions

Layout of colour fields on the payment page

Element/sectionDescription
Background Colours - use this area to specify the colour for selected background areas.
Page bodyBackground colour of the body of the payment pages.
Page titleBackground colour of the title of payment pages.
Payment containerBackground colour of the payment container area of the payment pages.
Form fieldsBackground colour of the form fields in the payment page contents area.

Note: The same colour is also applied to the banner in the result pages (resultC.html and resultY.html).

Table headingsThe background colour displayed in the table headings of the payment contents area.

Note: The same colour is also applied to the Cancel label of the payment selection page.

Border for payment containerThe colour of the border surrounding the payment container area.

Note: To see the border you'll need to set the Border Width to a value greater than 0 in thePage Formatpage.

Text Colours - use this area to specify the colour for selected texts.

Note: If you cannot see any text in the box to the right, then the text colour is set to the same as the background colour for that section of the page.

Page titleFont colour for the title of the payment page.
DefaultFont colour of the default text in the payment container area of the payment page.
Form fieldsFont colour of the form fields in the payment page contents area.

Note: The same colour is also applied to the banner in the result pages (resultC.html and resultY.html).

Table headingsFont colour displayed in the table headings of the payment contents area.

Note:The same colour is also applied to the Cancel label of the payment selection page.

'Make Payment' labelColour of the text that appears on Make Payment.
'Start Again' labelColour of the text that appears on Start Again.
'Cancel' labelColour of the text that appears on Cancel.
Card labels on 'Payment Selection' pageFont colour for the method selection card logos on the payment selection page.
Footer TextFont colour of the text in the page footer.
Error messagesFont colour of error messages displayed on the payment page.
Set ColoursApplies your colour settings.

Layout of colour fields on the payment page

../resources/images/paymentpagecolours_thumb_350_0.png