Skip to Main Content

Customizing LibGuides

This guide assists you in making custom changes to LibGuides

Remove tabs from view

As part of a custom look for your LibGuides, you may want to hide the tabs from being viewed.


<style>

 /*Below removes the tabs from view*/
#s-lg-tabs-container {
display: none;
}

</style>


This code will remove these tabs from view:

LibGuides Screenshot

How to use CSS on LibGuides

There are several ways you can change the CSS for your LibGuides. First, you can visit the "Look & Feel" section of your LibGuides Admin interface and click on the "Custom JS/CSS" tab. 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. 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.