Skip to Main Content

LibGuides Website Tips

This guide accompanies PALNI's Website Style Guide and focuses on assisting you to create a custom website in LibGuides

Format guide font

You can change the font size or family on your guide(s) to match your campus style manual or to make text easier to read.


<style>

/* Below formats the font for the entire guide. You can change the font family and/or the font size */

body {
font-family: 'Garamond';
font-size: 16px;
}

</style>


This code will make this box look 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.