Pioneer with more conventional front page

Pioneer with more conventional front page

by Michel DENIS -
Number of replies: 6

Hi,

We are using Moodle 3.0 with Pioneer theme 1.1.9 (but we're ready to move to V.latest if that helps).

Pioneer is very nice but we would like to change the front page so that :

- it does not have the big login widget (the one in the middle) at all (it is nice but useless for us)

- height of the image header is much smaller (see below)

- it actually looks like the other pages of our site (see below)

Can this be done ?

Thanks for your help,

-michelneeded front page's look

Average of ratings: -
In reply to Michel DENIS

Re: Pioneer with more conventional front page

by Chris Kenniburg -
Picture of Particularly helpful Moodlers Picture of Plugin developers

Hello Michel,

I believe I can help you however I am away from my desk today.  It might be possible to either use CSS to make the login smaller or switch the tempalte page for the login.  

The other thing I can look at is giving the site admin control over the size of the image from the theme admin pages.

Send me a message and we can see what I can do for the next release.  I think this is a good idea and I'd like to make sure we cover all the bases.  


Thanks,

Chris

In reply to Chris Kenniburg

Re: Pioneer with more conventional front page

by Michel DENIS -

Hi Chris,

Actually I am a bit under pressure to have a first-phase solution by today or tomorrow, without changing the code, ie something that would use Additional HTML/CSS in Moodle Admin or in Theme admin ?

Is that possible ?

Thank you,

-michel

In reply to Michel DENIS

Re: Pioneer with more conventional front page

by Chris Kenniburg -
Picture of Particularly helpful Moodlers Picture of Plugin developers

This will control the padding and height of the image:

#header-image-box-logout {
padding-top: 125px;
padding-bottom: 200px;
}

You can drop this into the custom CSS box provided in my theme admin page and you can adjust the size of the frontpage Image.

If you want to remove the login form from the frontpage image you can also add this to the custom CSS box:

.wrap { display: none; }


Unfortunately if you want this customization to be built into the theme without having to copy and paste this into the Custom CSS box (Which is why that is included in most themes) you can pay myself or someone else to code it for you.  

Average of ratings: Useful (1)
In reply to Chris Kenniburg

Re: Pioneer with more conventional front page

by Michel DENIS -

Hi Chris,

I used your css code and things have significantly improved ! See below.

Thanks,

-michel


In reply to Michel DENIS

Re: Pioneer with more conventional front page

by Chris Kenniburg -
Picture of Particularly helpful Moodlers Picture of Plugin developers

Just change the 125px and 200px to something smaller and it will shorten up that top area even more.  


In reply to Chris Kenniburg

Re: Pioneer with more conventional front page

by Chris Kenniburg -
Picture of Particularly helpful Moodlers Picture of Plugin developers

In addition if you need to adjust the image padding on the login/index.php page (when you force Moodle logins) then you would drop in and adjust this:

#page-login-index section#region-main {
padding-top: 75px;
padding-bottom: 275px;
}


Change the px.

Average of ratings: Useful (1)