Themes

Hello Mary,

I really appreciate your help on this. You see I just tested out your suggestion on changing the custom.css but the logo was still below the navigation bar which you can see in the image below. I think it moved up a little which I believe to be the css' doing if I'm not wrong.

Actually I have two problems regarding this discussion. First is how to move the logo above the navigation bar which is what you're trying to help me now. Second is how to create two separate 'div' for the logo and banner which is why you can see in the image below that the banner was not displayed because I can only set one 'div' per rendering because of my lack of knowledge in php and how Moodle works on rendering these html objects.

The files that I have modified so far to solve the second problem:

Added a configstoredfile setting in 'settings.php' to create additional image upload setting for banner

// Banner file setting.
    $name = 'theme_mytheme/banner';
    $title = get_string('banner','theme_mytheme');
    $description = get_string('bannerdesc', 'theme_mytheme');
    $setting = new admin_setting_configstoredfile($name, $title, $description, 'banner');
    $setting->set_updatedcallback('theme_reset_all_caches');
    $settings->add($setting);

Added a theme set 'banner' css in 'lib.php'

    // Set the background image for the banner.
    $banner = $theme->setting_file_url('banner', 'banner');
    $css = theme_mytheme_set_banner($css, $banner);

And change the html_writer class from 'logo' to 'banner' in public function context_header for the 'core_renderer.php'

    public function context_header($headerinfo = null, $headinglevel = 1) {

        if ($this->should_render_logo($headinglevel)) {
            $html = html_writer::tag('div', '', array('class' => 'banner'));
            return $html;
        }

        return parent::context_header($headerinfo, $headinglevel);
}