Modifying course overview block in My home using CSS

Modifying course overview block in My home using CSS

by Chris Webb -
Number of replies: 2

Hi all,

I am using Moodle 2.7 and I am trying to modify our theme using the Custom CSS field available from the Moodle Interface. 

In our theme the content area seems to be narrower than the header. Please see the attached image. This is true whether the course overview block is on the side or in the content area of the My Home page but all of the other blocks look fine.

Do you know what CSS I can use make the content area wider so it matches the header. 

This theme is based on the bootstrap theme.

Thanks in advance for any help

Cheers,


Chris



Attachment Theme.png
Average of ratings: -
In reply to Chris Webb

Re: Modifying course overview block in My home using CSS

by Mary Evans -

Hi, 

I suppose you could try something like...

.pagelayout-mydashboard #region-content .block .content { margin-left: 0; margin-right: 0; }

But not knowing how your theme is made, then that is just a guess.

If it does not work, try using Firebug which is a Firefox Add-on

Cheers

Mary

Average of ratings:Useful (1)
In reply to Mary Evans

Re: Modifying course overview block in My home using CSS

by Chris Webb -

Hi Mary,

Thanks a lot. That helped. I had to modify it a bit based on my theme but I got it to work.

Cheers,

Chris



Average of ratings: -