Skip to Main Content

LibGuides Tips and Tricks

Hide Guide Name

As part of a custom LibGuides look, you may want to hide the title of the guide.

<style>

 /*Below removes the name of the guide from view*/
#s-lg-guide-name {
  display: none;
}

</style>

This code will prevent the name of the guide from being displayed:

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.