Themes

 
 
Picture of Gary Lebowitz
Using a theme's Custom setting's page to add CSS
 

Hi. Sorry to butt in, but I had a question about removing something from the Afterburner theme. Someone I work with wanted to remove the small Moodle logo at the bottom left of the page. As I'm having a bit of trouble convincing the person not to do this and don't want to screw up the theme if I do, I was wondering if you could give me a tip about what to do behind the scenes in css to do such a thing. Any tips would be appreciated.

(Edited by Mary Evans - original submission Friday, 18 January 2013, 10:00 PM) amended subject title after splitting from original discussion.

 
Average of ratings: -
It's only an avatar...
Re: Using a theme's Custom setting's page to add CSS
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi Gary,

As you will see I split this comment from the other discussion as it was nothing to do with that discussion subject.

To remove the image completely you can delete the following highlighted lines of code from the layout/default.php

        <div class="footer-left">
            <?php if ($hasfootnote) { ?>
                    <div id="footnote"><?php echo $PAGE->theme->settings->footnote;?></div>
            <?php } ?>

            <a href="http://moodle.org" title="Moodle">
                <img src="<?php echo $OUTPUT->pix_url('footer/moodle-logo','theme')?>" alt="Moodle logo" />
            </a>
        </div>

Or alternatively you could add the following CSS to the Custom CSS box in this theme's Custom settings page...

Settings > Site Administration > Appearance > Themes > Themename (click on your theme name at this point if it is listed)

#footer-left a {display: none;}

Either way you will need to enable Theme Designer Mode in the following page...

Settings > Site Administration > Appearance > Themes > Theme settings

Once the CSS has been added or the line deleted, depending on the option to remove said object, you just need to refresh your screen. And once you are happy with the result, you can disable Theme Designer Mode as this will slow down your site if it is left on.

HTH

Mary

 
Average of ratings: -
Picture of Gary Lebowitz
Re: Using a theme's Custom setting's page to add CSS
 

hi mary, it's very kind of you to give me this information. i'll try it and see if it gets me where i want to go.

 
Average of ratings: -
Picture of Gary Lebowitz
Re: Using a theme's Custom setting's page to add CSS
 

hi again. i tried the second alternative, which seemed less messy than the first, and did everything you said, but no joy. sad I am attaching what I did. I assume the symbol between "footer" and "left" is a hyphen, right? i am including a screen shot of what I added. Or do I need to leave a fixed number of spaces between the left margin and the # symbol before "footer"? maybe i should point out that the theme i am trying to fiddle with is Afterburner.


 
Average of ratings: -
It's only an avatar...
Re: Using a theme's Custom setting's page to add CSS
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

My mistake...it should be a dot . not hash #

.footer-left a {display: none;}

smile

Mary

 
Average of ratings: -
Picture of Gary Lebowitz
Re: Using a theme's Custom setting's page to add CSS
 

Hi Mary, Changed the # to a . and it works like a charm. Many thanks for your help with this.

Regards,

Gary

 
Average of ratings: -