Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!

Q

How do I get the Last Update to appear in the Footer?

I removed .lastupdate from the Custom Code. How do I insert it in the Custom Footer Code?
Last Updated: Sep 12, 2013  |  1421 Views

Was this helpful? 2   0
A

Answer

There are 2 different ways to make the "Last Update" section of your guides appear at the bottom of the page, along with the friendly URL, the print guide link, the RSS updates link, and the e-mail alerts link (if you have CampusGuides).

One method "freezes" this information so it's always at the bottom of the page, even if you scroll:

The other method simply puts the information at the bottom of your guides, in the footer area:


To "freeze" your footer:

1. Go to Admin Stuff > Look & Feel.

2. On the System Wide page, scroll down to the Custom JS/CSS Code box and add this CSS: 

<style>
.guideattr {
z-index: 100;
width:985px;
position:fixed;
bottom:0px;
margin-left: auto;
margin-right: auto;
background-color:#fff;
border-top:2px solid #000000;
text-align:center;
}
</style>

You'll notice in the sample image above that there is a thick green line above the footer. I've changed it in the code so it's a thinner black border.

You can adjust the color and thickness of this border by editing the line that reads: border-top: 2px solid #000000;.

Simply change the 2px to whatever thickness you want and the #000000 to whatever hex color you want. 

3. Click Save Custom <HEAD>.


To add this information to the bottom of your guides: 

1. Go to Admin Stuff > Look & Feel.

2. Scroll down the System Wide page to the Custom Footer Code box and add this JavaScript:

<script>
function moveAttributes() {
    try {
    // Check for myPID var to determine if this is a guide.
    if ( typeof(myPID) != 'undefined' ) {
    var attr_obj = document.getElementById('guideattr');
    var footer_obj = document.getElementById('footer');
    var sattr_content = attr_obj.innerHTML;

    attr_obj.innerHTML = '';
    attr_obj.style.height = '0px';

    footer_obj.innerHTML = '<div style="margin-bottom: 3px;border-bottom: solid 1px #bbb; padding: 3px;">' + sattr_content + '</div>' + footer_obj.innerHTML;
    }
    } catch (e) {}
}

moveAttributes();
</script>

3. Click Save Custom Footer.

Answered by Anna BurkeBookmark and Share

Other Answers / Comments (9)

  1. We used the code to "freeze" the footer, and absolutely love how it looks...at least in Firefox that is. In IE it doesn't render correctly, the footer is way off to the right of the page. Any ideas on how to fix this would be much appreciated! Here is the URL for the system: http://ecok.libguides.com
    by Chelsea Baker on Aug 14, 2011.
  2. Same here. I would *love* to be able to "freeze" the footer, but when I do I see this green line running across the bottom in IE. Firefox and Chrome work fine.
    by Deborah Tritt on Aug 22, 2011.
  3. Hi Deborah - there's a note in the FAQ above on what you'd need to do to change that green line to something else. I just bolded it to help it stand out a little more, and changed the sample code to be a thinner black line. Please feel free to change it to whatever you'd like! :)
    by Anna Burke on Aug 22, 2011.
  4. Oops! I forgot to address the IE issue. Yes, this seems to be a problem in IE that we haven't been able to find a solution for...yet. The "margin left: auto; margin-right: auto;" worked for one of my co-workers, but it doesn't work for me. My only guess is there's some other CSS somewhere that is conflicting with it. If anyone has any ideas, we're all ears!
    by Anna Burke on Aug 22, 2011.
  5. Hi everyone,

    Talia here from the Springshare training team! In our most recent LibGuides/CampusGuides update (May, 2012) we've removed the IE7 meta-tag that might have caused some display issues with this code. Let us know if you have any questions!

    Best,
    Talia :)
    by Talia Resendes on May 25, 2012.
  6. How can I get the Print, RSS. Email Alert and Share features to show up in this same space. I followed these directions and it worked for the last update and url. I'm hoping it can look like this http://lib.sxu.edu/home

    Thanks!
    by Sarah on Jun 29, 2012.
  7. Hi Sarah -- Zinthia here from Springshare - from looking at your pages I think you've got this figured out! WTG!
    by Zinthia Briceno on Jun 29, 2012.
  8. Is there any way to move only SOME of the items to the footer?

    We'd like to keep the Share button up top, but move everything else to the footer.

    Thank you.
    by Colleen on Jul 05, 2012.
  9. Hi Guys -
    To move individual elements you can view this guide - http://help.springshare.com/content.php?pid=28624&sid=218728
    by Zinthia Briceno on Jul 06, 2012.

Need Help?

This site contains FAQs for LibGuides v1 only.

LibGuides v2 Documentation
(You must have a LibApps account to access that site.)

Or click HELP in the orange command bar of your v2 system.

Support:

Follow LibGuidesFAQ on Twitter Follow us on Twitter!
 Your questions, answered!

Browse by Popular Topics

Accounts  –  Admin Area  –  API / Widgets  –  Boxes  –  Catalog / Database Integration  –  CSS  –  Customization  –  E-Reserves  –  Embedding Objects  –  General System Questions  –  Group Management  –  Guides  –  Holiday Closures  –  How To...  –  Images  –  LibGuides CMS  –  Links  –  Mobile  –  Pages / Tabs  –  Profiles  –  RSS  –  Search  –  Security  –  Statistics  –  Subject Categories  –  Survey/Form Tool  –  System Administrators  –  Tags  –  Webinar  
View All Topics

Related content from Springshare v1 Help