need to change line-height in moodle 2.0.x

need to change line-height in moodle 2.0.x

by Steven Addepalli -
Number of replies: 2

Hi,

In the layout page of my theme I found the following code in 3 different div class="region-content"

<?php echo $OUTPUT->blocks_for_region('side-post') ?>, 

<?php echo core_renderer::MAIN_CONTENT_TOKEN ?>,

<?php echo $OUTPUT->blocks_for_region('side-pre') ?>.

I would like to change 'line-height' in the above 'region-content' but could not find any css file related to it in the entire moodle application. Can anybody help me to change the 'line-height'

Thanks and Regards,

Immanuel Steven

Average of ratings: -
In reply to Steven Addepalli

Re: need to change line-height in moodle 2.0.x

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

Using Firebug in firefox will help you identify where the css rule is actually set at the moment - and what it is set as in the theme you are using.

If it is not set in your theme - ie it is in a parent them, moodle core or yui - then you can safely add the rule to the end of the css files in the theme you are using (usually the core.css - but that may vary with different themes)

Richard

In reply to Steven Addepalli

Re: need to change line-height in moodle 2.0.x

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Hi,

To adjust the class selector region-content for any one of these regions you can do it like so...

#page-content #region-main .region-content { line-height: 1.4}

#page-content #region-pre .region-content { line-height: 1.4}

#page-content #region-post .region-content { line-height: 1.4}

Line height is set in #page in the BASE theme, it is also set by default in the body tag automatically from the YUI CSS library in moodle/lib/yui/... but don't go there, as there be dragons! smile

Dependng on your theme you can add this via the Custom CSS Settings page (if there is one) or add this directly to your theme's core.css or whatever the main CSS file is called.

HTH

Mary