Move the login box to another location

Move the login box to another location

by Dave Johnson -
Number of replies: 3

Moodle 3.5.1 | Server | Windows 10

How do I move the login box to the bottom of the landing page? Thanks.

Attachment Landing_page.jpg
Average of ratings: -
In reply to Dave Johnson

Re: Move the login box to another location

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Hi,

Sorry for not getting back sooner.

To get the Login box to the bottom of the page, and depending on the theme you are using, so I will assume BOOST theme, try adding this CSS to the Raw SCSS box. That is the 2nd box in the Advanced settings found in...

Site Administration > Themes > Boost (settings) > Advanced settings (tab)

#page-login-index .justify-contents-center { padding-top: 300px;}

Then SAVE the settings.

You can adjust the the value up or down depending on where you want the Login box to be.

It should looks something like this but with your background image...

Hope this helps?

Mary

In reply to Mary Evans

Re: Move the login box to another location

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Further to my last comment:

Alternatively you could forget the top padding and just add a semi-transparant look to the login box instead, like I do on my MoodleCloud Moodle site... https://bylazydaisy.moodlecloud.com/login/index.php

Using the following CSS...

#page-login-index .card {
    background-color: rgba(255, 255, 255, 0.8);
}

Just a thought!

Mary