Customize the public and admin page headers or banners

You can customize the header that appears at the top of your public pages. In addition, you can also choose to display a banner at the top of your admin pages when logged into LibGuides.

  1. Go to Admin > Look & Feel.
  2. Under the Header / Footer / Tabs / Boxes tab, go to the Page Header panel (click to expand it if needed) to customize the following:

Page Header options


Public / Guide Pages

There are two options for customizing the header at the top of your public pages (e.g. your homepage, A-Z list, etc.) and guide pages.

  1. Select the Use this image option and click on the Upload / Change Image link to upload and display a custom banner image.
    • If you're uploading an image, keep in mind that at desktop screen sizes, an image smaller than 1170px wide will be blown up to that width. If your image is wider than 1170px, it'll be shrunk down to that size. 1170px wide is your sweet spot, so aim for something around that wide.
    • For best results, use PNG or JPG images.
  2. Select the Display this HTML option to display a custom HTML header in lieu of a banner image. Enter your HTML code in the text box and click the Save HTML button when finished.
    • If you need to include CSS or JavaScript code for your header, please add that under Admin > Look & Feel > Custom JS/CSS.
    • If you would like your header to align with the rest of the content on each page, place your custom code inside of a <div class="container"></div> element.

Admin / Guide Pages

This option allows you to display a banner at the top of each admin page, while users are logged into LibGuides. You could use this banner as a way to indicate that users are logged in and not viewing the public pages. This is entirely optional and can be disabled if desired.

  1. Select the Use this image option and click on the Upload / Change Image link to upload and display a custom banner image.
    • If you're uploading an image, keep in mind that at desktop screen sizes, an image smaller than 1170px wide will be blown up to that width. If your image is wider than 1170px, it'll be shrunk down to that size. 1170px wide is your sweet spot, so aim for something around that wide.
    • For best results, use PNG or JPG images.
  2. Select the No admin banner option if you would prefer to not display a banner image.

Related Articles