Remove logo image from Log in page - Pioneer theme

Remove logo image from Log in page - Pioneer theme

by Annali Nicolaou -
Number of replies: 2

Hi,


I am using Moodle 3.1 with the Pioneer theme implemented.


I have made many changes with CSS to the look and feel of my website, moving the position of the logo being one of them.

As a result of this for some reason the logo is now situated in a strange place on my Log in page.


I need to either be able to move this logo to a better position, or hide it completely, but ONLY on this specific page,

If I use display:none in the CSS it hides the logo from the entire site.


#logo {
  background-image: url("//hqdctws135:8084/CtrackLMS/pluginfile.php/1/theme_pioneer/logo/1474292091/logo_test_3.png");
  float: left;
  height: 125px;
  margin: -156px 5px 0 10px;
  width: 348px;
}


I require code to hide or move this logo only on this page.

Any assistance with this would be greatly appreciated


Image attached.


Kind Regards,

Annali Nicolaou





Attachment Forum.jpg
Average of ratings: -
In reply to Annali Nicolaou

Re: Remove logo image from Log in page - Pioneer theme

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers

The login page itself has a body id of 'page-login-index' so if you prefix your css selector with that it will only target that page

#page-login-index #logo {
  your css rules here
}

HTH

Richard

In reply to Richard Oelmann

Re: Remove logo image from Log in page - Pioneer theme

by Annali Nicolaou -
Thank you SO MUCH Richard - worked like a charm!

I tried that before, but I think I had my code  syntax a bit wrong.

Much appreciated!
Annali