Move the login box to another location

Move the login box to another location

ved Dave Johnson -
Antal besvarelser: 3

Moodle 3.5.1 | Server | Windows 10

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

Bilag Landing_page.jpg
Gennemsnitsbedømmelse: -
I svar til Dave Johnson

Re: Move the login box to another location

ved Mary Evans -
Billede af Core developers Billede af Documentation writers Billede af Peer reviewers Billede af Plugin developers Billede af 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

I svar til Mary Evans

Re: Move the login box to another location

ved Mary Evans -
Billede af Core developers Billede af Documentation writers Billede af Peer reviewers Billede af Plugin developers Billede af 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