FAQ Pro Bric
Item(s): Creates a premium FAQ with show/reveal functionality
Provides easy setup of Frequently Asked Questions with a custom question & answer section that's revealed on click/tap. Can also be used as Accordion reveals for large content, layout as a simple Read More or with a Show More button. It has layout options for initially revealed answers, close other answers, an advanced dropzone section for answers and a large selection of styling controls.
Capabilities
Beautiful
Provides a simple stacked layout with smooth animated reveals & hides
Fast Setup
Quickly adjust all the controls and get a FAQ section on your site in minutes
Simple
Simple design and layout make it a breeze for visitors to use
Optimized
Controls to set question, answer, show more, & hide button text and set min & max size (auto-resizing), line-height, question/answer/show more & hide default text color and question, arrow & show more hover animated colors, hide arrow, text alignments, question, answer & show more button bold/italic styling, background colors, border color/radius, question background width, line break support in answer text, advanced dropzone answer section, padding between sections, initially revealed answers, close other answers and more button layout with a hide button fadein/out
Editable
Easily edit the question & answer sections using a large selection of styling controls
Essential
Meets an essential layout need that everyone should have in their toolbox.
Controls
-
Typeface - set the question, answer, show more & hide button text font
-
Display Text - set the question, answer, show more & hide button text
-
Dropzone - layout the answer section any way you want & apply styling using your own classes
-
Text Size - set the minimum & maximum size of the question, answer, show more & hide button text and it will auto-resize based on the device width
-
Line Height - adjust the line spacing of the question & answer text
-
Text Colors - set the question, show more & hide button default & animated hover colors and answer text color
-
Text Styles - set the question, answer & more button text to bold or italic
-
Alignment - set the question & answer text alignment to left/center/right
-
Arrow Colors - set the question arrow default & animated hover color
-
Arrow Hide - hide the question arrow
-
Background Colors - set the question, answer section, show more & hide button default background color and question & show more button hover background color
-
Border Radius - set the question, answer section, show more & hide button border radius
-
Border Color - set the question, answer section & show more button border color
-
Between Padding - set the vertical distance between the question text and answer section
-
Question BG Width - set the width to inherit the question text width or full available width
-
Answer Padding - set the left padding for the answer section
-
Revealed - show answer initially revealed
-
Close Others - close other answers already revealed.
-
Use Show More Button - enable to show the Show More button with faded-out answer
-
Text Fade To - set the text color to fade to at the bottom of the answer text when using the show more button
-
Show Lines - set the number of answer lines to initially show when using the show more button
-
Show More - set the show more button text
-
Top Margin - set the top margin for the show more button
-
Button Padding - set the padding for the show more button
-
Border Width - Set the border width for the show more button
-
Hide Question - hide the question when using the show more button
Answers Initially Hidden & Close Others
Question #1
Answer #1
Question #2
Answer #2
Question #3
Answer #3
Answers Initially Revealed
Question #1
Answer #1
Question #2
Answer #2
Question #3
Answer #3
Answer Dropzone Initially Revealed
DropZone Question
Simple Read More ...
This is a great article - Read More...
This is the revealed full article so that you can read to your heart's content. This content is exceptionally good and presents a wealth of information that is both accurate and insightful, allowing readers to deepen their understanding of the subject matter. The writing style is captivating, employing a perfect balance of clarity and complexity that effortlessly holds the reader's attention. The content is brilliantly organized, seamlessly flowing from one idea to the next while maintaining a coherent structure. Additionally, the thorough research behind the information presented demonstrates a high level of credibility and expertise. Overall, this content excels in delivering a captivating and informative experience, making it truly outstanding.
Show More Button ...
This is the full article so that you can read to your heart's content. This content is exceptionally good and presents a wealth of information that is both accurate and insightful, allowing readers to deepen their understanding of the subject matter. The writing style is captivating, employing a perfect balance of clarity and complexity that effortlessly holds the reader's attention. The content is brilliantly organized, seamlessly flowing from one idea to the next while maintaining a coherent structure. Additionally, the thorough research behind the information presented demonstrates a high level of credibility and expertise. Overall, this content excels in delivering a captivating and informative experience, making it truly outstanding.