You can fully customize the design and text on your registration page, including the header image. Follow the steps below to update the layout, header, and written content:

To update the design settings for your registration page:

From here, you can update the headings, subheadings, descriptions, or any text on the registration page. You can also upload an Image on your Registration Page:

To ensure your header image displays centered and correctly across different screen sizes, we recommend uploading an image at:

1600 x 500 px

This banner size provides the best results for alignment and cropping across devices.

If you need to resize your header image before uploading, you can use an online editor such as Pixlr:

Once resized, you can upload your image directly into your registration page.

On Business or Enterprise plans, you can customize the design settings for your registration page, such as spacing, alignment, or styling beyond the built-in options, you can use custom CSS:

From here, you can adjust layout options, colors, and overall styling.

You will need a little coding knowledge to adjust but you can edit any other colors or designs you'd like via CSS. To get you started, see some examples of CSS Code below:

Change the button background color:

/* Change primary button color */

.btn.btn-primary.btn-md {

background-color: #f30b47;

}

/* Change background of selected radio buttons */

.form-enhanced input:checked ~ .radio-enhanced {

background-color: #f30b47;

}

/* Change input border and focus outline color */

.form-control:focus {

border-color: #f30b47;

outline: 1px solid #f30b47;

}

Add a custom font:

These examples can be modified to fit your preferred colors, fonts, or styling.

If your header image isn’t centering properly, make sure the file is sized at 1600 x 500 px. Images that are taller or wider will auto-crop differently across devices, which can make the header appear misaligned.

This usually happens when uploading an image smaller than 1600 x 500 px.
Resize the image using pixlr.com/x and expand the canvas to the recommended dimensions before uploading.

If you’ve replaced the image but still see the old one:

Browsers sometimes hold onto cached versions of header images.

Confirm you updated the correct section under Setup > Registration > Text.
If the update still doesn’t appear, refresh or check for browser caching issues.

This is expected. Header images adjust automatically based on screen size.
Wider banner images (1600 x 500 px) give the best results and prevent extreme cropping on small screens.