Login Page Designer

The login page is the first thing every client sees, so it should look like your firm — not like software. The Login Designer at Settings → Login Design is a live editor: the left side shows the page, the right side holds the controls, and every change previews as you make it and saves as you go.

Opening the Designer

Settings → Login Design (/settings/login-design/). Access follows the cove_appearance_manage capability, so it's configurable per role in User Management → Permissions rather than being locked to administrators.

What You Can Design

  • Layout — form on the left or right, and how wide it sits
  • Logo — which logo (light or dark), where it sits, and its size
  • The side panel — a background color or image, an overlay tint, a graphic or video, and the title and description text on it
  • Form heading — the greeting above the form (default "Welcome Back!")
  • Two custom links — covered below
  • Custom CSS — an escape hatch for anything the controls don't reach

Which login methods appear — password, magic link, registration, forgot password — is not a design decision, so it lives in Settings → Authentication instead, alongside bot protection.

Two link slots, each with its own spot on the page:

  • Top Link — above the form heading. The natural home for "← Back to our website", so a client who landed on the login page by accident has a way back to your marketing site.
  • Bottom Link — under the form. The "Don't have an account? Sign up here" spot.

Both take a fully custom label. A slot renders nothing until it has both a label and a destination — a half-configured slot never puts a dead link on your login page, and a fresh install shows neither until you set them up.

The bottom link's destination is a choice:

  • The registration page — resolves through the same registration-page setting the built-in "Create Account" line uses, so the two always agree, and the link keeps tracking that setting if you later move registration to a different page. The URL field disappears; there's nothing to type.
  • A custom URL — anywhere. A paid signup flow, a sales page, a Calendly link. Where signing up happens is a business decision, and the designer doesn't assume it's the built-in registration.

The top link is always a custom URL — "back to our website" has no built-in destination to offer.

Each slot can carry an icon, placed before or after the label — the natural pairings being an arrow ahead of "Back to our website" and a person-plus after "Sign up here". The picker offers arrows, chevrons, external-link, house, person-plus, envelope, telephone, globe, credit card, cart, and star; the position control appears once an icon is chosen.

Icons take the link's color automatically — including a color you pick below — and preview live. The list is fixed on purpose: only icons from the picker ever render. If you just want a simple arrow character, typing or directly into the label also works; the icon control exists for a true icon glyph with proper spacing.

Each slot renders as a text link or a button, and buttons come in solid or outline:

SettingWhat the color paints
Text linkThe text itself
Solid buttonThe fill — text flips black or white automatically so it stays readable on any color
Outline buttonThe border and the text, on a transparent fill

Leave the color empty and the slot uses your theme's default link and button styling. The picker is the same color control used elsewhere in the designer, and everything previews live.

Custom CSS

The Custom CSS box injects styles into the login page only. Use it for the last mile — the controls cover layout, branding and the links, and CSS covers whatever's left. Styles here are yours to maintain across theme updates.

Was this page helpful?