Customising the Openfield login screen

Tabata Vossen -

The Openfield integration's login screen controls the access to your campaign, allowing registered users to login and others to register.

Much of the login screen will automatically be changed according to your selected template or the look and feel settings of your campaign.

Add or change the login logo

At the top center of the login page is your logo, which you can add using CSS:

  • Upload the logo in Documents > Multimedia Library.
  • Retrieve the URL of the image by right-clicking on the image > Choose > Copy link address.
  • Add the following CSS code in the Look & Feel step > Advanced Settings:
.header-zone {
  height: 80px;
  background: url("");
Don't forget to replace the URL between brackets with that of your own logo.

Note that you can change the size (height) of your logo by manually adjusting the CSS above.

For instance:

.header-zone {
  height: 60px;
  background: url("");

This is where the logo will display:


Don't forget to save your template so that the design can be applied to all future campaigns.


Read more: