header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image
  1. Home
  2. Managing your business
  3. Building your community
  4. Site Members
  5. Creating the member signup and login forms
  6. Site Members: Changing the Design of the Default Signup and Login Forms

Site Members: Changing the Design of the Default Signup and Login Forms

8 min
In this article
  • Changing the font of the page's title
  • Changing the font of other text elements on the page
  • Changing the text color
  • Changing the button and link color
  • Changing the background color
Design the window that visitors see when signing up or logging in to your Members Area. This also applies to any password-protected page on your site.
The default form is already designed for you. It matches your site colors and fonts so your design stays consistent. While you can't customize the design of the default form from scratch, you can still control some design elements by customizing your site styles. 
Using a custom signup / login form?
This article refers to the default forms. If you are using custom forms, you can click below to learn how to customize:

Changing the font of the page's title

The font for the title text on the password window is taken from the Heading 2 text theme. If you want to change the font, you can customize the text theme for your site. 
Important:
This also changes any other text with the Heading 2 theme on your site.

To change the Heading 2 font:

Wix Editor
Studio Editor
  1. Click Site Design  on the left side of the editor.
  2. Click Text theme.
  3. Click Customize heading styles.
  4. Hover over Heading 2 and click the Edit icon .  
  5. Choose a new font. 
  6. Click Apply to save your changes.
A screenshot of the Heading 2 font in the Wix Editor and the corresponding title text on the members area sign up form.

Changing the font of other text elements on the page

The font for all other text elements on the password window is taken from the Paragraph 2 text theme. If you want to change the font, you can customize the text theme for your site.
Important:
This also changes any other text with the Paragraph 2 theme on your site.

To change the Paragraph 2 font:

Wix Editor
Studio Editor
  1. Click Site Design  on the left side of the editor.
  2. Click Text theme.
  3. Click Customize paragraph styles.
  4. Hover over Paragraph 2 and click the Edit icon .  
  5. Choose a new font. 
  6. Click Apply to save your changes.
A screenshot of the Paragraph 2 font in the Wix Editor and the corresponding text on the members area sign up form.

Changing the text color

Pick a different color for the title and text of the password window by customizing the darkest shade of your Base / Background & Text colors in your site's palette. 
Important:
This also changes the color of any other elements on your site where this shade is applied.

To change the color for text elements:

Wix Editor
Studio Editor
  1. Click Site Design  on the left side of the editor.
  2. Click Color theme.
  3. Click the darkest color under Base colors. 
  4. Use the color picker in the Custom Color box to change the color. 
  5. (Optional) Use the sliders to change the Saturation and Brightness.
  6. Click Apply. 
A screenshot of the Base colors in the Wix Editor and the corresponding text colors on the members area sign up form.

Changing the button and link color

Choose a different color for links and buttons by customizing a specific shade in your site's Accent / Action colors. This shade is used across your site for many actionable elements like buttons, links and menu items. 
Important:
This also changes the color of any other elements on your site where this shade is applied.

To change the color for buttons and links:

Wix Editor
Studio Editor
  1. Click Site Design  on the left side of the editor.
  2. Click Color theme.
  3. Click the first color in the Accent colors section. 
  4. Use the color picker in the Custom Color box to change your accent color.
  5. (Optional) Use the sliders to change the Saturation and Brightness.
  6. Click Apply. 
A screenshot of the Accent colors in the Editor and the corresponding button colors on the members area sign up form.

Changing the background color

To change the background color of the password window, adjust the lightest shade of your Base colors / Background & Text colors in your site's color theme. This shade is automatically used across your site, mostly for page and element backgrounds.
Important:
This also changes the color of any other elements on your site where this shade is applied.

To change the color for page backgrounds:

Wix Editor
Studio Editor
  1. Click Site Design  on the left side of the editor.
  2. Click Color theme.
  3. Click the lightest color under Base colors. 
  4. Use the color picker in the Custom Color box to change the background color. 
  5. (Optional) Use the sliders to change the Saturation and Brightness values.
  6. Click Apply. 
A screenshot of the Base colors in the Wix Editor and the corresponding text colors on the members area sign up form.
Tip:
Click Publish to view the changes on your live site. You won't be able to see the password window by previewing your site.

Did this help?

|
Didn’t find what you’re looking for? Try one of these articles.
Site Members: About the Member Signup Form
Site Members: About the Member Login Form
Wix Editor: Password Protecting a Specific Page of Your Site
Wix Editor: Using and Customizing Your Color Theme
Wix Editor: Working With Text Themes

Didn’t find what you’re looking for? Try one of these articles.

Site Members: About the Member Signup Form
Site Members: About the Member Login Form
Wix Editor: Password Protecting a Specific Page of Your Site
Wix Editor: Using and Customizing Your Color Theme
Wix Editor: Working With Text Themes
Hire a ProfessionalGet matched with a Wix Partner who can help you reach your site goals.
Start Now
In this article
  • Changing the font of the page's title
  • Changing the font of other text elements on the page
  • Changing the text color
  • Changing the button and link color
  • Changing the background color

Did this help?

|