Last Updated: 25 June 2024 | Change Log
Logo, stylesheet and font
Logo, cascading stylesheet (CSS) and font files are referred to as assets in the Payment Page Designer. They are grouped under the Manage Assets tab.
You can optimize the look and feel of your payment pages by uploading your own asset files.
Edit and upload assets
By default, we provide a Worldpay logo and public cascading stylesheet (CSS) in the assets library. Our public CSS is an example stylesheet that you can customize to change the look and feel of your payment pages.
Click the Manage Assets tab.
Select the required tab.
Choose one of the three assets:
- To upload your logo, click the Logos tab.
- To upload a stylesheet, click the Stylesheets tab.
- To upload a font, click the Fonts tab.
Drag the file(s) into the box or click the box to upload the file(s).
Improved CSS error messaging displays below the upload box if a CSS file upload fails. The error message provides line item detail of the errors identified.
Restrictions
The stylesheet and logo files that you upload must meet certain criteria.
| Asset type | Maximum dimensions | Allowed file type | Maximum file size |
|---|---|---|---|
| Logo |
|
| 512KB |
| Stylesheet | NA | .css | 30KB |
| Font | NA | .woff | 512KB |
Take a look at our public CSS file for a full view of what's restricted.
CSS properties
CSS properties are available in this public CSS file.
Font properties
You can upload your own font file, rather than specifying a generic font within the font-family property. If you're using your own font, you must not specify this within the font-family property.
If you want to use more than one font in your stylesheet, you must assign each font to a font-family.
You can use an alternative font that doesn't include Latin characters. If you use this alternative font and the payment page needs a Latin character, the payment page uses the font specified within the font-family property. If there is no font specified within the font-family property, the payment page uses the default Hosted Payment Pages font.
Delete assets
You can delete logo and stylesheet files if they are not in use.
Click the Manage Assets tab.
Select the required tab (Logo, Stylesheets or Fonts).
Click the Delete button of the asset you want to delete.
InfoA grey "Delete" button indicates that the asset is in use and cannot be deleted.
A confirmation message appears. Click OK to confirm.