Skip to Main Content

LibGuides Tips and Tricks

Hide Footer

As part of a custom LibGuides look, you may want to hide the LibGuides footer. Note: if you are using LibGuides CMS, you can set a different footer for groups of guides as well.

Important note: If you make this change you will no longer have the Login to LibApps link at the bottom of that page. Make sure to bookmark your LibApps url so you can still edit your guides!

<style>

 /*Below removes the footer from view*/
#s-lib-footer-public {
display: none;
}

</style>

This code will remove this footer from view:

How to use CSS on LibGuides

There are several ways you can change the CSS for your LibGuides.

  1. First, you can visit the "Look & Feel" section of your LibGuides Admin interface and click on the "Custom JS/CSS" tab.
  2. Alternatively, you can change the CSS for an entire group of guides by editing the group's "Custom JS/CSS" tab in the group admin interface.
  3. Or finally, you can change the CSS for a single guide under the "Guide Layout" drop down menu by clicking on "Guide Custom JS/CSS."

Conveniently, the code is the same, regardless of where you use it. 

All CSS starts with a <style> tag and ends with </style> tag. Only one set of these tags is needed for your entire CSS customizations--everything else goes in between those two tags.