Skip to Main Content

Customizing LibGuides

This guide assists you in making custom changes to LibGuides

Format box header font size

Especially if you adjust the font for your guide(s), you may want to also increase the font size for your box headers.


<style>

/* Below formats the box headers font size for the entire guide */
.s-lib-box .s-lib-box-title {
font-size:18px;
color: #000000;
}

</style>


This code will make this box header look like this:
LibGuides Screenshot

You can, of course, also change the color code above to have the font color change.

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.