Style

• Each library web page is a one-page LibGuide.
• When creating a new library web page, use the Tab Layout - Website template.
• Choose General Purpose for the guide type.
• Give the guide and page friendly URLs. For example:
  • The hours and location guide URL is http://hood.libguides.com/hours
  • The page URL (only visible in editing mode) is http://hood.libguides.com/hours/hours_map
• Web pages have 1-3 columns, depending on the content.

Library web pages created in LibGuides use custom CSS to hide the system search box, the guide title, and part of the breadcrumbs (the chain of links displayed at the top left of the page):

<style>
#s-lg-guide-search-box { display: none; }
#s-lib-bc-page { display: none; }
#s-lib-bc-site { display: none; }
#s-lg-guide-name { display: none; }
</style>

To add this custom CSS to a new web page, go to the Guide Layout dropdown menu at the top right of the editing screen:

Choose Guide Custom JS/CSS, and paste the CSS above into the box that appears. Then click Save.

Because the Custom CSS in the library pages hides the Guide titles from the user view, it also prevents you from editing them in the editing view. The top of a typical guide editing view looks like this:

In contrast, a web page guide using custom CSS looks like this in editing view:

In order to reveal the title for editing purposes, go to the Guide Layout dropdown menu at the top right of the editing screen and choose Guide Custom JS/CSS. Remove the following line of CSS and click Save:

#s-lg-guide-name { display: none; }

Now the title will appear in editing view, and you may change it as needed. IMPORTANT: Remember to add the custom CSS back to the guide layout when you've finished.