Custom Login Pop-up ?

Hello!

My name is Valentina. I was wondering if there’s a way to customize the Login Pop-up that appears when users click on "Log In".

Hi,

We can customize something on this popup (rename, change text, change color...) but need code

What should it look like?

Add this code into custom css and make change the class name according to your website content class.

/* Customize Login Pop-up Background */
.sqs-login-dialog {
    background-color: #ffffff; /* Change to your desired color */
    border-radius: 10px; /* Add rounded corners */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Add a shadow */
}

/* Customize Heading */
.sqs-login-dialog h1 {
    font-family: "Arial", sans-serif; /* Change font */
    font-size: 24px; /* Adjust font size */
    color: #000000; /* Change text color */
}

/* Customize Input Fields */
.sqs-login-dialog input {
    border: 1px solid #cccccc; /* Add border */
    border-radius: 5px; /* Rounded corners */
    padding: 10px; /* Add padding */
    font-size: 16px; /* Adjust font size */
}

/* Customize Buttons */
.sqs-login-dialog button {
    background-color: #000000; /* Change button background */
    color: #ffffff; /* Change button text color */
    border: none; /* Remove border */
    border-radius: 5px; /* Add rounded corners */
    padding: 10px 20px; /* Adjust padding */
    cursor: pointer;
}

.sqs-login-dialog button:hover {
    background-color: #333333; /* Change hover color */
}