🧪 Live FAQ Preview & Styling

Customize your interactive FAQs by adjusting colors and fonts, then copy the HTML to use on your website.

---

🎨 Change Colors:

• Main Background/Text:
  Sets the background and text color for the entire FAQ container.

• Question Background/Text:
  Sets the background and text color for each question line.

• Answer Background/Text:
  Sets the background and text color for the answer box that appears when you click a question.

Use the color pickers to select colors. Changes appear instantly in the live preview.

---

✍️ Change Fonts:

Select a font from the dropdown menu (e.g., Arial, Times New Roman, Verdana) to apply to the entire FAQ. Available fonts include:

• sans-serif
• Arial
• Helvetica
• Times New Roman
• Georgia
• Courier New
• Verdana
• Trebuchet MS
• Comic Sans MS
• Arial Black

Font changes update the live preview in real-time.

---

📋 Copy Code:

The "Show code "button will show the code for your FAQ

Click the “Copy Code” button to copy the entire FAQ’s HTML, including all styles, search functionality, and click behavior. The code appears in the textarea Above the live preview so you can review or copy it again later.

The exact HTML and CSS you’ve copied, is ready to paste into any website or editor that supports HTML.

If you're adding a new question and answer to an existing FAQ you already built, use the “Copy Single Q&A” button instead. It will copy only the selected question and answer block — no need to re-copy the full structure. Just paste that block inside your existing FAQ code.

Note: Be sure to adjust the colors to match the existing faq, before you copy the code

---

🌐 Paste into Your HTML Page:

Paste the copied code into a `.html` file or your website’s HTML. The FAQs will work as shown in the live preview, with click-to-reveal answers and your chosen colors and font. No extra CSS or JavaScript files are needed.

Example: Create a new file (e.g., `faq.html`), paste the copied code into the file, and open it in a browser to see your styled FAQs.

---