Hi Team,
we are building instance and when we try to login to employee portal, there is while background. can anyone help "how the change the background"?
Note: SSO is not enabled so we have to login manually.
Regards,
Amit
Hello @amit_kishore ,
Okay then you can do one thing just remove the image which we added previously and just add the below code in the first "Login" page itself in the "Page Specific CSS" and just replace your image url, and that URL you can get once you have added your image in images table record(search for image in navigator and click under system UI < images), you can refer the below attached image as well for your reference.
Page Specific CSS:
main.page, main.body {
height: 99vh;
min-height: 100%;
padding-top: 0px !important;
}
@media(max-width: 767px) {
main.page, main.body {
height: auto;
min-height: 99vh;
}
}
section.page {
background-image: url('smile.png'); // replace url with your image name
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-color: #3A3F50;
}
section.page main.body:before {
display: block;
background-color: #3A3F50;
opacity: 0.75;
}
Final Output :
Let me know your views on this and Mark ✅Correct if this solves your query and also mark 👍Helpful if you find my response worthy based on the impact.
Thanks,
Anike
Hello @amit_kishore
To modify the background of the Employee Portal login page, follow these steps:
- Navigate to the Portals module and select "Employee Center."
- Open the record related to the "login page" field.
- Within the login page record, scroll down to find and open "Login - Container 1."
- Add the desired image in "Background image" section.
By following these steps, the added image will be reflected as the background when users log in.
Please refer the below images for better understanding
Final output:
Let me know your views on this and Mark ✅Correct if this solves your query and also mark 👍Helpful if you find my response worthy based on the impact.
Thanks,
Aniket
@Aniket, this is working for me but partially,
it is only coming to the half of the page as the container 1 is only in half of the page. can you please help me to know how we can get in full page?
please see below how i am getting it right now,
@Aniket Chavan this is working for me but partially,
it is only coming to the half of the page as the container 1 is only in half of the page. can you please help me to know how we can get in full page?
please see below how i am getting it right now,
can you please guide to make it background with full screen
