Modifying course overview block in My home using CSS

Modifying course overview block in My home using CSS

Chris Webb -
回帖数：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



附件 Theme.png
平均分： -
回复Chris Webb

Re: Modifying course overview block in My home using CSS

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

平均分：Useful (1)
回复Mary Evans

Re: Modifying course overview block in My home using CSS

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



平均分： -