Skip to Main Content

Customizing LibGuides

This guide assists you in making custom changes to LibGuides

Adjust link text size

In order to make the font sizes on your website match, you may want to increase the font size on LibGuides' built in link text.


<style>

/*Below increases link font size*/
.s-lg-link-list {
font-size: 14px;
}

</style>


This code makes the link above appear like this:

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.