Login Form Settings

Overview

The Login Form Settings section allows you to customize the appearance of the Event Builder login form. These settings help you match the login interface with your website’s branding by controlling the colors of the form, text, input fields, and buttons.

The configured styles apply to all Event Builder login forms, including user login pages, guest dashboards (where applicable), booking account access, and other authentication screens provided by the plugin.

A well-designed login form creates a professional first impression and improves the overall user experience.

---

Login Form Colors

Overview

The Login Form Colors section provides complete control over the visual styling of the login form.

You can customize:

• Form Background
• Text Color
• Input Field Background
• Input Text Color
• Button Background
• Button Text Color

These settings help maintain a consistent design across your website.

---

Form Background

Customize the background color of the login form container.

This setting affects the main login panel that contains:

• Username Field
• Email Field (if applicable)
• Password Field
• Login Button
• Additional Login Links

Choose a background color that complements your website while providing sufficient contrast for the form elements.

---

Text Color

Customize the color of all static text displayed inside the login form.

This includes:

• Field Labels
• Instructions
• Descriptions
• Helper Text
• Validation Messages

Choose a color that is easy to read against the selected form background.

---

Input Background

Customize the background color of all input fields.

This setting applies to fields such as:

• Username
• Email Address
• Password

A clean and subtle input background improves readability and creates a professional appearance.

---

Input Text Color

Customize the color of text entered into the input fields.

This setting affects:

• Username
• Email Address
• Password Characters
• Placeholder Text (where supported)

Ensure the text color provides strong contrast against the selected input background.

---

Button Background

Customize the background color of the login button.

Available States

• Normal
• Hover

The button is used for actions such as:

• Login
• Sign In
• Continue

Applying a hover color provides visual feedback when visitors interact with the button.

---

Button Text Color

Customize the text color displayed on the login button.

Available States

• Normal
• Hover

Choose a text color that remains clearly visible against the selected button background in both normal and hover states.

---

Notes

• These settings apply globally to all Event Builder login forms.
• Hover colors are applied only to interactive buttons.
• Individual page builders or custom CSS may override these global styles.
• Changes take effect immediately after saving the settings.
• Consistent login form styling helps provide a professional and seamless user experience across your event website.