Question

I'm new to Moodle and I have just a very basic knowledge of css. I have installed a theme in moodle and there is a very annoying footer at the top of the page. I wanted to change the background color or hide it via CSS but I can't find the CSS file.

In the theme folder there are some css file, but even if I delete everything, the footer stays with this annoying background color.

When I inspect it with chrome I see this.

LINK

I just want to edit the CSS file, but I can't find it. I have the feeling that this css settings are generated dinamically somehow, but I really have no idea how to do this.

Was it helpful?

Solution

You will get the css file in paticular moodle theme by

your moodle -> theme -> your theme -> style -> some.css

After any customization on css file of theme, for reflect you need to do purge all cache by

Site administration > Development > Purge all caches

Because moodle does cache for CSS and javaScript to increase the performance.

If you will not comfort with purge all cache after every changes in css, then you can enable the 'Theme Designer Mode ` option on theme setting page. You can get this page by

Site Administration > Appearance > Themes > Theme settings

OTHER TIPS

Go to Site Administration > Appearance > Additional HTML;

Add the style below into the section Before head:

<style> #page-footer { display: none !important; } </style>

Insert the following CSS code in the Custom CSS textbox.

/* 
  To remove the Moodle picture in the footer (from Emma, thanks.) 
*/
.homelink {display:none}
.sitelink {display:none}
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top