Skip to Main Content

Customizing LibGuides

This guide assists you in making custom changes to LibGuides

Remove LibGuides search box

The LibGuides search box has been shown in multiple studies to be unhelpful for students as they do not understand that it only searches LibGuides and not for sources available from the library. You can remove it from view by using the code below.


<style>

 /*Below removes the default search box*/

#s-lg-guide-header-search {
display: none;
}

</style>


This code will remove this box from displaying.
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.