FAQs on FAQs: Fabulous Footers

<p>Welcome back to FAQs on FAQs, a series designed to help you get the most out of your LibraryH3lp-powered FAQ. Last time, we showed how to <a href="http://libraryh3lp.blogspot.com/2013/05/faqs-on-faqs-using-your-existing.html" target="_blank">reuse existing headers from your library's website</a> within your FAQ. So it is only fair that we cover custom footers in this installment!<br /><br />As with customizing headers, setting up a custom footer requires a little bit of <a href="http://docs.libraryh3lp.com/faq-questions" target="_blank">template editing</a>.<br /><br /><b>1) Add content. </b>Place the desired content within the <i>footer.html</i> template. Or if you wish the footer to span the entire width of your page, comment out the <i>footer</i> block within the <i>base.html</i> template using HTML comments (as you did with your header in Step 1 of the <a href="http://libraryh3lp.blogspot.com/2013/05/faqs-on-faqs-using-your-existing.html" target="_blank">previous installment</a>) and place the desired content after the main "container" div.<br /><br /><b>2) Adjust styling.</b> As with custom headers, your strategy for including the styling for your header elements will vary since there are several ways to handle CSS. Please <a href="http://libraryh3lp.blogspot.com/2013/05/faqs-on-faqs-using-your-existing.html" target="_blank">refer to Step 2 of the previous installment</a> for styling tips and tricks or <a href="mailto:support@libraryh3lp.com" target="_blank">e-mail support</a> if you need any help sorting things out.<br /><br /><b>Advanced customization: Sticky Footers.</b> If you want to be extra fancy, you can opt to make your footer sticky. A sticky footer always remains at the bottom of a page and can be attractive on your individual question pages where content may be short and your footer appears higher on the page. If you'd like a sticky footer for your FAQ, <a href="http://docs.libraryh3lp.com/faq-sticky-footer" target="_blank">check out the "how to" in our online docs</a>.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBhvgQRbZ_OdO0yU1lpK67_E2E9V3EpfayM_VdVyODaUSjUNG704-c-e-mk5mnZ0Z6O4SaqHcd8XOFREe5GhJyXwid0F3_1zZsPO8SeZwtVvNWyZaYqEuMoxYlNzzxMDeh07pFpz8utczz/s1600/without-sticky-footer.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBhvgQRbZ_OdO0yU1lpK67_E2E9V3EpfayM_VdVyODaUSjUNG704-c-e-mk5mnZ0Z6O4SaqHcd8XOFREe5GhJyXwid0F3_1zZsPO8SeZwtVvNWyZaYqEuMoxYlNzzxMDeh07pFpz8utczz/s200/without-sticky-footer.png" width="250" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihkBDh0k2JyhzwdHVQZPCTwCMX-zZvxon3z7BW7QpKyxXy-v6bY42f3nV1M45TjtGqAg48pNE2WGRRclXS_rmfK3sbSfOaF_KqvKFBOPwkwolBn3TkczuPG3VjkZml8417C0Nm6sAOv-vX/s1600/sticky-footer.png" imageanchor="1" style="clear: right; float: right; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihkBDh0k2JyhzwdHVQZPCTwCMX-zZvxon3z7BW7QpKyxXy-v6bY42f3nV1M45TjtGqAg48pNE2WGRRclXS_rmfK3sbSfOaF_KqvKFBOPwkwolBn3TkczuPG3VjkZml8417C0Nm6sAOv-vX/s200/sticky-footer.png" width="250" /></a></div><div class="separator" libraryh3lp.com="" mailto:support="" style="clear: both;" target="_blank"></div>Want to get your own LibraryH3lp-powered FAQ site up and running? Need to import content from an existing knowledge base into your FAQ? <a href="mailto:support@libraryh3lp.com" target="_blank">E-mail us!</a><br /><br />Missed a previous installment of FAQs on FAQs? Here are some quick links to help you catch up: <a href="http://libraryh3lp.blogspot.com/2013/03/faqs-on-faqs-chat-and-e-mail.html" target="_blank">real-time chat and e-mail contact options</a>, <a href="http://libraryh3lp.blogspot.com/2013/03/faqs-on-faqs-mobile-its-in-there.html" target="_blank">mobile-specific view for patrons browsing on smartphones</a>, <a href="http://libraryh3lp.blogspot.com/2013/03/faqs-on-faqs-populating-your-knowledge.html" target="_blank">adding content to your knowledge base</a>, <a href="http://libraryh3lp.blogspot.com/2013/04/faqs-on-faqs-customizing-answer-previews.html" target="_blank">customizing answer previews</a>, <a href="http://libraryh3lp.blogspot.com/2013/04/faqs-on-faqs-style-your-faq-with-themes.html" target="_blank">style your FAQ with themes</a>, bring your own theme <a href="http://libraryh3lp.blogspot.com/2013/04/faqs-on-faqs-byot-bring-your-own-theme.html">part 1</a> and <a href="http://libraryh3lp.blogspot.com/2013/04/faqs-on-faqs-byot-bring-your-own-theme_23.html">part 2</a>, <a href="http://libraryh3lp.blogspot.com/2013/05/faqs-on-faqs-using-your-existing.html" target="_blank">reusing existing headers</a>. </p>

Welcome back to FAQs on FAQs, a series designed to help you get the most out of your LibraryH3lp-powered FAQ. Last time, we showed how to reuse existing headers from your library's website within your FAQ. So it is only fair that we cover custom foot…

FAQs on FAQs: Reusing an existing website header

<p><div class="separator" style="clear: both; text-align: center;"><a href="http://lovejoylibrary.ask.libraryh3lp.com/" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img alt="Lovejoy Library at Southern Illinois University Edwardsville" border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitXvqzWMZkVU8np7s_Ph05ttaCRn2ssWBQwLM-jVLyJQZ4chqzwz_Rm0MR6XVG8fMiKIS4UzujJlB64tYncmsEIt3gfWZF8gFsXqYiS3_-7FfnB28m8KD3IpqDjpBTFIpNtuU5Dtp9cIzG/s320/Screen+shot+2013-05-03+at+9.18.00+AM.png" title="" width="320" /></a></div>Welcome back to FAQs on FAQs, a series designed to help you get the most out of your LibraryH3lp-powered FAQ. As <a href="http://libraryh3lp.blogspot.com/2013/04/faqs-on-faqs-byot-bring-your-own-theme_23.html">previously promised</a>, this installment shows you how to reuse an existing website header within your FAQ. Never fear! The process is straightforward and requires just a bit of template editing.<br /><br />Reusing a header within your FAQ is a simple yet effective way to blend the FAQ's look and feel seamlessly into your library's existing website. And the results can be very striking such as with <a href="http://lovejoylibrary.ask.libraryh3lp.com/" target="_blank">Lovejoy Library at Southern Illinois University Edwardsville</a>.<br /><br />Let's get started, shall we? After logging into your FAQ site, you'll want to <a href="http://docs.libraryh3lp.com/faq-questions" target="_blank">edit</a> your <i>base.html</i> template. And then follow these steps:<br /><br /><b>1) Comment out the header block using <a href="http://www.w3schools.com/tags/tag_comment.asp" target="_blank">HTML comments</a>.</b> This will look like:<br /><br /><div><code><!--<br />  {% block header %}<br />    <div class="navbar"><br />      <div class="navbar-inner"><br />        {% include "header.html" %}<br />      </div><br />    </div><br />  {% endblock %}<br />--> </code></div><br /><b>2) Add your header.</b> Just below the commented out header block, add the HTML for your header.<br /><br />The trickiest part after adding in your header's HTML is getting the styling correct. Your strategy for including the styling for your header elements will vary since there are several ways to handle CSS.<br /><ol><li>If the CSS is already included directly within each element's style attribute, then you are done.</li><li>If the CSS is part of your website's head element, you can <a href="http://libraryh3lp.blogspot.com/2013/04/faqs-on-faqs-style-your-faq-with-themes.html" target="_blank">copy those styles over to your FAQ's head element</a>.</li><li>If the CSS for the header is contained within a CSS file, then you can include that file within your FAQ like this:<br /><div style="text-align: center;"><code><link rel="stylesheet" href="http://your.library.edu/header.css"/></code></div></li></ol>One note on option 3 above. If the CSS file includes styling that affects elements outside your custom header, the rest of your FAQ's styling will also be affected. If you run into this scenario, you could ask your webmaster to break up the CSS files or even fall back to option 2 cutting and pasting into your head element what you need. If you need any help straightening this out, please don't hesitate to <a href="mailto:support@libraryh3lp.com" target="_blank">e-mail us</a>; we've already helped several libraries in this situation.<br /><br /><b>3) Plug in the FAQ edit controls.</b> Add this just below your custom header HTML:<br /><br /><code><!-- FAQ login/logout and edit controls --><br /><div class="navbar-inner" style="margin: 0; border:none; padding:0; background:none; min-height:20px; border-radius: none; box-shadow:none;"></div></code><br /><code><br /></code>That's it! You're done. And since we've covered headers in this installment, we might as well move on to footers for our next installment.<br /><br />Want to get your own LibraryH3lp-powered FAQ site up and running? Need to import existing content into your FAQ? <a href="mailto:support@libraryh3lp.com" target="_blank">E-mail us</a>.<br /><div><br /></div><div>Missed a previous installment of FAQs on FAQs? Here are some quick links to help you catch up: <a href="http://libraryh3lp.blogspot.com/2013/03/faqs-on-faqs-chat-and-e-mail.html" target="_blank">real-time chat and e-mail contact options</a>, <a href="http://libraryh3lp.blogspot.com/2013/03/faqs-on-faqs-mobile-its-in-there.html" target="_blank">mobile-specific view for patrons browsing on smartphones</a>, <a href="http://libraryh3lp.blogspot.com/2013/03/faqs-on-faqs-populating-your-knowledge.html" target="_blank">adding content to your knowledge base</a>, <a href="http://libraryh3lp.blogspot.com/2013/04/faqs-on-faqs-customizing-answer-previews.html" target="_blank">customizing answer previews</a>, <a href="http://libraryh3lp.blogspot.com/2013/04/faqs-on-faqs-style-your-faq-with-themes.html" target="_blank">style your FAQ with themes</a>, bring your own theme <a href="http://libraryh3lp.blogspot.com/2013/04/faqs-on-faqs-byot-bring-your-own-theme.html">part 1</a> and <a href="http://libraryh3lp.blogspot.com/2013/04/faqs-on-faqs-byot-bring-your-own-theme_23.html">part 2</a>.</div></p>

Welcome back to FAQs on FAQs, a series designed to help you get the most out of your LibraryH3lp-powered FAQ. As previously promised, this installment shows you how to reuse an existing website header within your FAQ. Never fear! The process is strai…