Login Page - Customization

[robin_mathai_qzolve]

is there any option to remove header and footer menu in login page at frappe cloud -ERP Next

[NCP]

Hi @robin_mathai_qzolve,

That for, please go to the Website Settings and HTML Header, Robots and Redirects Section.

Then apply the style like

<style>
nav.navbar.navbar-light.navbar-expand-lg {
    display: none;
}

footer.web-footer {
    display: none;
}
</style>

Then click on Clear-Cache and reload (Ctrl + Shift + R) and check it.

Output:

I hope this helps.

Thank You!

[Pkolhetkar]

@NCP , How can i increase logo size after login

[Lone_Wolf]

@NCP How can I implement this with my custom app?

[ahsantareen]

Hi

My login page looks like this;

and i have customized it by working with custom CSS in website theme;

#page-login{
background: url(/files/premium_photo-1661963899181-3adc0a644f7b.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 100vh;
}

.for-login {
float: right;
}

/* Adjust the width of the login form /
.page-card {
width: 100%;
max-width: 400px; / Adjust the width as needed */
// background-color: #fff0 !important;
}

.for-login {
width: 400px;

}