Customize the Access Portal Design

You can customize the Access Portal design to reflect your company's brand. For example, you can add a page title, custom logos, and a background image.

Images must be .JPG or .PNG files that are less than 2 MB in size. For the best results, we recommend these image dimensions:

  • Login logo — 300 x 100 pixels maximum
  • Header logo — 200 x 40 pixels maximum
  • Background image — 3840 x 2160 pixels maximum

To maintain the aspect ratio, the background image scales if you resize the browser window. Design and test your background image with this in mind.

To customize page elements, such as buttons and text boxes, you can upload a CSS file. For more information about CSS, go to Customize Access Portal Page Elements with CSS.

The steps to customize the Access Portal design are different in Fireware v12.1.x. If your Firebox has Fireware v12.1.x, go to Customize the Access Portal Design in Fireware v12.1.x in the WatchGuard Knowledge Base.

Add a Page Title and Images

  1. Select Subscription Services > Access Portal.
  2. Select the Customization tab.
  3. In the Page Title text box, type a page title to appear in the page header.
  4. To add a logo to the login page, select Custom login logo.
    1. Click Choose File.
    2. Browse to the file.
    3. Click Upload.
    4. To revert to the previously uploaded file, click Reset Image.
  5. To upload a logo to the applications page, select Custom header logo.
    1. Click Choose File.
    2. Browse to the file.
    3. Click Upload.
    4. To revert to the previously uploaded file, click Reset Image.
  6. To upload a background image, select Custom background image.
    1. Click Choose File.
    2. Browse to the file.
    3. Click Upload.
    4. To revert to the previously uploaded file, click Reset Image.

Screen shot of the Customization tab with custom images

  1. To preview your changes, select Preview Login Page or Preview Application Page.
  2. To customize page elements, such as buttons and text boxes, select Custom CSS Fileand follow the instructions in the Customize Access Portal Page Elements with CSS topic.
  1. Select Subscription Services > Access Portal.
  2. Select the Customization tab.

Screen shot of the Customization tab with no images uploaded.

  1. In the Page Title text box, type a page title to appear in the page header.
  2. To add a logo to the login page, select Custom login logo.
    1. Click Upload Custom logo.
    2. Browse to the file and click Open.
      The Upload Custom Logo login page appears.

    Screen shot of the Upload Custom Logo dialog box

    1. Type the user name and password for a user with Device Administrator credentials.
      A message appears that says whether the upload was successful.

Screen shot of the message for a successful image upload

  1. To upload a logo to the applications page, select Custom header logo.
    1. Click Upload Custom Logo.
    2. Browse to the file and click Open.
      The Upload Custom Logo login page appears.
    3. Type the user name and password for a user with Device Administrator credentials.
      A message appears that says whether the upload was successful.
  2. To upload a background image, select Custom background image.
    1. Click Upload Custom Background Image.
    2. Browse to the file and click Open.
      The Upload Custom Logo login page appears.
    3. Type the administrator user name and password for the Firebox.
      A message appears that says whether the upload was successful.
  3. To customize page elements, such as buttons and text boxes, select Custom CSS File > Upload Custom CSS File and follow the instructions in the Customize Access Portal Page Elements with CSS topic.

Related Topics

About the Access Portal

Customize Access Portal Page Elements with CSS

Configure the Access Portal