Skip to content

Streamline Your LibGuides: Hiding Breadcrumbs Made Easy

If you're looking to give your LibGuides a unique and personalized touch, CSS is your best friend! With CSS, you can take full control over your guide's visual presentation, from colors and fonts to spacing and layout. It's like having a magic wand to make your content look exactly how you want. Want to make your headers pop, your links stand out, or your buttons more clickable? You can do all that and more!

One of the easiest ways to customize the look of your LibGuides with CSS is by hiding the breadcrumbs. At the top of each public page, you'll find the breadcrumbs: a trail of links to help you navigate your way back from the page you're viewing to your LibGuides homepage. Breadcrumbs can be a really useful navigational aid, but there may be instances where you’d like to hide breadcrumbs.

This Springy Tech Tip Video will show you how to hide breadcrumbs on your public LibGuides pages.

Use this CSS code to hide the breadcrumbs on your public LibGuides pages:
<style>
#s-lib-bc {
display: none;
}
</style>

For more details about customizing the breadcrumbs on your LibGuides pages, take a look at this FAQ or watch this recorded training session. Have fun hiding those breadcrumbs!

Leave a Reply

Your email address will not be published. Required fields are marked *

Confirm you aren't spamming: * Time limit is exhausted. Please reload the CAPTCHA.