Skip to Main Content

Customizing LibGuides

This guide assists you in making custom changes to LibGuides

Remove the breadcrumbs

As part of a custom look for your LibGuides, you may want to hide the breadcrumbs.


<style>

 /*Below removes the breadcrumbs from the guide*/
#s-lib-bc {
display: none;
}

</style>


This code will remove these breadcrumbs from this guide:

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.