Dynamic FAQ Page Setup

Template dynamic FAQ section setup and options

Editing FAQ question #1
In the "faq.htm" edit the text between the "FAQ 1" notes area for FAQ question #1. Edit only the question and answer text and do not delete any of the other code in this area.


Adding a new FAQ question
You can add as many FAQ questions to this webpage as your project requires. Follow these steps to add a new FAQ question.

1. Open the "faq.htm" and view the source code.
2. Find the text between the "<!-- FAQ 10 -->" notes.
3. Copy this code and paste it below itself.
4. In the new pasted code, edit "faq10" in 2 places with "faq11".
5. Edit the "FAQ 10" notes in 2 places with "FAQ 11".
6. Open the "faq.htm" and test the FAQ links.

Editing the FAQ widths
In some templates and the FAQ addon the FAQ code is in the "faq.js". In other templates FAQ code may be in your template CSS files. Open the "faq.js" Javascript file with Notepad or any text editor. At the top of this file are options for the width of this answer area, for padding and for adding a border to this area. You may want to make a backup copy of this .js file before you make any edits to it.


FAQ colors
The colors for the FAQ section are using the same code as the default text for all other pages. The code for the default text will noted in your CSS file. Link colors are defined by the "link" classes near the top of your CSS file.

• See: Editing the template colors

Problems in Lytebox templates
In templates that include a Lytebox gallery, the FAQ "open all" link may also open a large blank area on the page. To solve this problem, remove the following line from near the top of your faq HTML page in the "head" section that you named "faq-page.htm".

<script language="JavaScript" type="text/javascript" src="lytebox.js"></script>