Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!

Q

Is it possible to make the LibGuides search box appear in the footer, rather than the header?

Last Updated: Nov 03, 2011  |  2093 Views

Was this helpful? 1   0
A

Answer

It's not possible to move it - it's coded to be at the top of the page for ease of use and findability for users (since that's where most search boxes live on most sites).

You have a couple of options:

  1. Hide the search box at the top and use the API to add it to the footer.
  2. Add a custom search URL for a federated search to your search box and set that as the default search.
    That way, your users will search for articles/books/guides just as they expect and you don't have to hide the search box!

Adding Custom Search URLs

Link to Setting Up guide > Site Search page

Hiding / Add the Search Box to the Footer

Remove the Search from the Top of the Page

  1. Log in as an admin-level user and go to Admin Stuff > Look & Feel.
  2. On the System Wide tab, scroll down to the Custom JS/CSS Code box.
  3. Add this code to the box:
    <style>
    .lgsearch { display: none; }
    </style>
  4. Click Save Custom JS/CSS Code.

Add the Search API to the Footer

  1. Go to Tools > API Utility.
  2. Choose Search box.
  3. When the other options appear, choose Show me the JavaScript include code.
  4. Copy the code.
  5. Go to Admin Stuff > Look & Feel.
  6. On the System Wide tab, scroll down to the Custom Footer Code box.
  7. Paste the code.
  8. Click Save Custom Footer.

You may want to add other formatting/code to the footer box so the search shows up where you want it.

Instead of the footer...

Your other option would be to hide the search at the top of the page and provide a LibGuides search box somewhere on the guide. You can add the API code to boxes as well. :)

Answered by Anna BurkeBookmark and Share

Other Answers / Comments (11)

  1. The search box may be more findable above, but the question is what do the patrons think they are searching. Based on our usability testing and analytics, our users apparently think they are searching library databases by using that box. That is why we are also going to move it..
    by Jennifer on Oct 12, 2011.
  2. Thanks for the feedback and info about your testing, Jennifer! Another option is to add a custom search URL to your system and set that as the default. For example, you can set your federated search to be the default search for that box...then they really *are* searching your databases. :)
    by Anna Burke on Oct 12, 2011.
  3. When I add the javascript to the footer, it completely changes my box styling. Ideas?
    by Chelsea Baker on May 07, 2012.
  4. Hi, Chelsea -

    It could be that the CSS associated with the API call is affecting the style of your boxes...can you try adding:

    &css=0

    To the end of the URL in your API call? If that doesn't work for you, please let us know!

    Thanks,
    Laura
    by Laura Harris on May 08, 2012.
  5. We have the same problem. Users think they are searching the library databases in the search box.
    by Tina Mullins on May 31, 2012.
  6. I really like what the "best of" example from Saint Xavier Univ. http://lib.sxu.edu/home I'm trying to mimic a similar their footer. I'm trying to figure out how you can move the last updated, url, print, RSS UPdates, Email and share features to the bottom.
    by Sarah on Jun 29, 2012.
  7. This code works well to hide the search box, but I would also like to hide the 'Browse all guides' link. Is that possible?
    by Linda on Aug 15, 2012.
  8. In response to your comment. To hide the "Browse all Guides" link go to:

    Admin Stuff > Look & Feel > Custom JS/CSS Code and add

    .stitle { display: none; }
    by Mark Andrea on Aug 15, 2012.
  9. Re: Q: When I add the javascript to the footer, it completely changes my box styling. Ideas?
    A: It could be that the CSS associated with the API call is affecting the style of your boxes...can you try adding:
    &css=0
    To the end of the URL in your API call? If that doesn't work for you, please let us know!

    -----
    That's not working for me. It restores some of the customization such as the background color at the top of the page, but the boxes are still the wrong color.
    by Natalee Reese on Nov 13, 2012.
  10. I'm also experiencing the problems with lost customization colors. Any updates on a workaround for this?
    by Sharon on Jan 16, 2013.
  11. Hi All, Zinthia here from the support team. Adding &css=0 to the end of http://api.libguides.com/css/libguides_api.css should eliminate the css for the API and then you'll be using your own local css. If this is not working, please send us and email to support@springshare.com and we'll take a closer look at your API or the page where the API is being loaded. Thanks! :)
    by Zinthia Briceno on Jan 16, 2013.

Need Help?

This site contains FAQs for LibGuides v1 only.

LibGuides v2 Documentation
(You must have a LibApps account to access that site.)

Or click HELP in the orange command bar of your v2 system.

Support:

Follow LibGuidesFAQ on Twitter Follow us on Twitter!
 Your questions, answered!

Browse by Popular Topics

Accounts  –  Admin Area  –  API / Widgets  –  Boxes  –  Catalog / Database Integration  –  CSS  –  Customization  –  E-Reserves  –  Embedding Objects  –  General System Questions  –  Group Management  –  Guides  –  Holiday Closures  –  How To...  –  Images  –  LibGuides CMS  –  Links  –  Mobile  –  Pages / Tabs  –  Profiles  –  RSS  –  Search  –  Security  –  Statistics  –  Subject Categories  –  Survey/Form Tool  –  System Administrators  –  Tags  –  Webinar  
View All Topics

Related content from Springshare v1 Help