Customize Edwiser RemUI login page using CSS code

For Newer version of Edwiser RemUI theme (It will work for version Edwiser RemUI 3.7.5 and above)

Here are few CSS hacks to customise your Moodle login page while using Edwiser RemUI theme. You need to add these CSS in Edwiser RemUI settings >> General settings >> Custom CSS section.

1) CSS to change White background to a different color in the right region.

#page-login-index .loginform .card {
background-color: #ccc;
}


2) CSS to change the color of Sign In and Remember username text.

#page-login-index label[for="rememberusername"] {
color: red;
}
#page-login-index .loginform h3 {
color: red;
}


3) CSS to change the color of Login button.

#page-login-index #loginbtn {
background-color: red !important;
border-color: red !important;
}




For Older version of Edwiser RemUI theme (It will work for versions till Edwiser RemUI 3.5.11, Edwiser RemUI 3.6.7 and Edwiser RemUI 3.7.4)


Here are few CSS hacks to customise your Moodle login page while using Edwiser RemUI theme. You need to add these CSS in Edwiser RemUI settings >> General settings >> Custom CSS section.

1) CSS to change White background to a different color in the right region.

#page-login-index .page-login-main {
background-color: #ccc;
}


2) CSS to change the color of Sign In and Remember username text.

#page-login-index label[for="rememberusername"] {
color: red;
}
#page-login-index .page-login-main > .font-size-24 {
color: red;
}


3) CSS to change the color of Login button.

#page-login-index #loginbtn {
background-color: red !important;
border-color: red !important;
}

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us