Best practice forum (Archived)

Increasing space for learning

 
? ?
Increasing space for learning
by ? ? - Monday, 4 June 2012, 8:47 PM
 

Hi all, 

We would like to increase the learning space on the screen which would involve removing the header and everything at the top of the page for lessons only. 

I would like to apply:

#header { 

display:none;

}

But to lessons only. Is someone able to help with this so that this css is only applied to to lessons and not other pages.

I see there are options to remove these options but not add manual changes. 

Slide Show Help with Slide Show (new window) 
  No  Yes 
Slide show widthRequired field Help with Slide show width (new window) 
Slide show heightRequired field Help with Slide show height (new window) 
Slide show background colourRequired field Help with Slide show background colour (new window) 
Display left menu Help with Display left menu (new window) 
  No  Yes 
Display left menu only if grade greater than:
  100%  99%  98%  97%  96%  95%  94%  93%  92%  91%  90%  89%  88%  87%  86%  85%  84%  83%  82%  81%  80%  79%  78%  77%  76%  75%  74%  73%  72%  71%  70%  69%  68%  67%  66%  65%  64%  63%  62%  61%  60%  59%  58%  57%  56%  55%  54%  53%  52%  51%  50%  49%  48%  47%  46%  45%  44%  43%  42%  41%  40%  39%  38%  37%  36%  35%  34%  33%  32%  31%  30%  29%  28%  27%  26%  25%  24%  23%  22%  21%  20%  19%  18%  17%  16%  15%  14%  13%  12%  11%  10%  9%  8%  7%  6%  5%  4%  3%  2%  1%  0% 
Progress Bar Help with Progress Bar (new window) 
Next we would like to hide the Lesson Name and student score, as it is using up vital space. 
o7iljk.jpg
o7iljk.jpg
Help ASAP would be much appreciated.
Thanks, 
Matt.
? ?
Re: Increasing space for learning
by ? ? - Monday, 4 June 2012, 9:04 PM
 

I have actually found a way to do this through making a whole new theme and assigning the course to that theme. 

However we would like to still hide the circled things above, and it would be ideal if we could hide the header in the lesson only rather than the whole course.

Simon Coggins
Re: Increasing space for learning
by Simon Coggins - Tuesday, 5 June 2012, 12:49 AM
Group Totara

Have a look at the classes that are applied to the body tag on various pages - moodle adds a lot of useful classes that you might be able to make use of. For example, within lesson modules the "mod-lesson" class is added so you can isolate styles to apply only within the lesson module like this:

.mod-lesson h1 {
    display: none;
}

that should only hide level 1 headings within the lesson module.

Simon