Last Updated: 09 May 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.

  1. Click the Manage Assets tab.

  2. Select the required tab.

  3. 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.

  4. Drag the file(s) into the box or click the box to upload the file(s).

Info

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 typeMaximum dimensionsAllowed file typeMaximum file size
Logo
  • Width: 700 pixels
  • Height: 200 pixels
  • .gif
  • .jpg
  • .jpeg
  • .png
512KB
StylesheetNA.css30KB
FontNA.woff512KB

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.

Info

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.

  1. Click the Manage Assets tab.

  2. Select the required tab (Logo, Stylesheets or Fonts).

  3. Click the Delete button of the asset you want to delete.

    Info

    A grey "Delete" button indicates that the asset is in use and cannot be deleted.

  4. A confirmation message appears. Click OK to confirm.