Website Building » Wix » How Do I Change the Login Bar in Wix?

How Do I Change the Login Bar in Wix?

Last updated on January 1, 2023 @ 4:48 pm

If you’re looking to change the login bar on your Wix site, there are a few different ways you can go about it. You can either use the Wix Editor to change the login bar under the “Settings” tab, or you can use HTML to change the login bar by adding the following code to your site:

To change the login bar in the Wix Editor:

GREAT NEWS:

Exciting update! We've collaborated with Wix to offer WBI users with a free plan for all website creation needs - Explore the details here.

1. Login to your Wix account and open up the Editor for the site you want to edit.

2. Click on the “Settings” tab in the left-hand sidebar.

3. Scroll down to the “Login Bar” section and click on the “Edit” button.

4. From here, you can change the color, text, and other settings for your login bar.

5. Once you’re happy with your changes, click “Save” and then “Publish” to make your changes live.

To change the login bar using HTML:

1. Click on the “Add” button in the left-hand sidebar and then select “More.”

2. Select “HTML Code” from the list of options and then click “Add to Site.”

3. A pop-up window will appear with some default code. Replace this code with the following:

<style>
#login-form {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
padding: 20px; }

#login-form input {
border: 1px solid #ccc; } 
</style>
PRO TIP: The following article discusses how to change the login bar in Wix. Please be aware that this process may not be compatible with all Wix websites, and may result in errors or unexpected changes to your website. Proceed at your own risk.
Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.