FAQs Shortcode
Overview
Copy the URL link to this section to share
Frequently Asked Questions (FAQs) can be displayed on the KB Main Page using either the FAQs Module or the FAQ shortcode.
Example
Copy the URL link to this section to share
FAQs Shortcode Parameters
Copy the URL link to this section to share
The FAQ shortcode offers the following parameters to customize its appearance and content:
- title: Sets the title of the FAQs section.
- design: Lets you choose from eight predefined design styles.
- class: Optional. Allows you to add custom CSS classes for styling.
- title_alignment: ‘none’, ‘left’, ‘center’, ‘right’
- number_of_columns: 1 or 2
- border_mode: ‘none’, ‘all_around’, ‘separator’
- icon_type: ‘icon_plus_box’, ‘icon_plus_circle’, ‘icon_plus’, ‘icon_arrow_caret’, ‘icon_arrow_angle’
- icon_location: ‘no_icons’, ‘left’, ‘right’
- compact_mode: ‘compact_small’, ‘compact_medium’
- open_mode: ‘accordion_mode’, ‘toggle_mode’, ‘show_all_mode’
- group_ids: Accepts one or more group IDs to display specific sets of questions.
WordPress Shortcode
%crel_bracket_open%epkb-faqs title="Frequenly Asked Questions" design=1 group_ids=4687%crel_bracket_close%
It is possible to enhance the styling of your FAQs by incorporating custom CSS. This can be achieved by utilizing Javascript and CSS to target specific elements and apply the desired styles. However, please be advised that support for advanced customization is not provided by our team.
WordPress Shortcode
// Adding your own custom Class
%crel_bracket_open%epkb-faqs title="Frequenly Asked Questions" group_ids=4687 class="custom-class"%crel_bracket_close%
Premade Designs
Copy the URL link to this section to share
The following premade FAQ designs will change the visual presentation of your questions and the way answers are revealed:
Advanced Styling
Copy the URL link to this section to share
This code hides the category names.
CSS
/* Hide Category Names */
.epkb-faqs-container .epkb-faqs__cat-header{
display: none !important;
}
