Interactive
Accordion
Collapsible panels; one or several can be open at a time.
Content
| Setting |
Type |
Default |
Details |
| Items |
Items |
— |
Each item: Title, Content. |
| First item open |
On / off |
On |
|
| Several items can be open at once |
On / off |
Off |
|
| Style |
List |
Boxed |
Choices: Boxed · Lines between items · Minimal. |
| Open / close sign |
List |
Plus and minus |
Choices: Plus and minus · Arrow. |
| Item title HTML tag |
List |
H4 |
Choices: H2 · H3 · H4 · H5 · H6 · Paragraph · div. |
Style
| Setting |
Type |
Default |
Details |
| Accent color |
Color |
— |
The open item and the sign. Empty uses the theme color. |
A link styled as a button, with an icon, size and style.
Content
| Setting |
Type |
Default |
Details |
| Text |
Text |
Click here |
|
| Link |
Address |
— |
|
| Open in a new tab |
On / off |
Off |
|
| Style |
List |
Primary |
Choices: Primary · Secondary · Outline · Text link. |
| Size |
List |
Medium |
Choices: Small · Medium · Large. |
| Icon |
Icon |
— |
|
| Icon position |
List |
Before the text |
Choices: Before the text · After the text. |
| Alignment |
List |
— |
Per device. Choices: Default · Start · Center · End · Full width. |
Chart
A bar, line, area, pie or doughnut chart from your numbers.
Content
| Setting |
Type |
Default |
Details |
| Chart type |
List |
Bars |
Choices: Bars · Horizontal bars · Line · Area · Pie · Doughnut · Radar · Polar area. |
| Title |
Text |
— |
|
| Labels |
Text |
Jan, Feb, Mar, Apr, May, Jun |
Separated by commas. |
| Data series |
Items |
— |
Each item: Name, Values, Color. |
| Legend |
On / off |
On |
|
| Start the axis at zero |
On / off |
On |
|
| Height |
Number |
— |
Empty: 360 px. Per device. |
A form from Contact Form 7 or WPForms, styled to match the theme.
Content
| Setting |
Type |
Default |
Details |
| Form |
List |
— |
Forms from Contact Form 7 or WPForms. Make the form in the plugin, then choose it here. |
| Title |
Text |
— |
|
| Title HTML tag |
List |
H3 |
Choices: H2 · H3 · H4 · H5 · H6 · Paragraph · div. |
| Field style |
List |
As set in Theme Options → Addons |
Choices: As set in Theme Options → Addons · Always the theme style. |
Countdown
Time left until a date, in days, hours, minutes and seconds.
Content
| Setting |
Type |
Default |
Details |
| Count down to |
Date and time |
— |
Gregorian date and time in the site time zone. |
| Show |
Several choices |
Days, Hours, Minutes, Seconds |
Choices: Days · Hours · Minutes · Seconds. |
| Unit names |
On / off |
On |
|
| Style |
List |
Boxes |
Choices: Boxes · Plain · Circles. |
| Text after the end |
Long text |
— |
Shown when the time is up. Empty keeps the zeros. |
| Alignment |
List |
— |
Per device. Choices: Default (center) · Start · Center · End. |
Style
| Setting |
Type |
Default |
Details |
| Box color |
Color |
— |
|
| Number color |
Color |
— |
|
Counter
A number that counts up when it comes into view.
Content
| Setting |
Type |
Default |
Details |
| Icon |
Icon |
bi:emoji-smile |
|
| Before the number |
Text |
— |
|
| Number |
Number |
1200 |
|
| Decimal places |
Number |
0 |
|
| After the number |
Text |
+ |
|
| Thousands separator |
On / off |
On |
|
| Count-up time (seconds) |
Number |
2 |
0 shows the number at once. |
| Title |
Text |
Happy customers |
|
| Layout |
List |
Icon above |
Choices: Icon above · Icon at the start. |
| Alignment |
List |
— |
Per device. Choices: Default (center) · Start · Center · End. |
Style
| Setting |
Type |
Default |
Details |
| Number color |
Color |
— |
|
Divider
A line or space between other content.
Content
| Setting |
Type |
Default |
Details |
| Type |
List |
Line |
Choices: Line · Empty space. |
| Space |
Number |
Desktop: 32 |
Height of the empty space, or the space above and below the line. Per device. |
| Line style |
List |
Solid |
Choices: Solid · Dashed · Dotted · Double. |
| Line thickness |
Number |
1 |
|
| Line width |
Number |
— |
Per device. |
| Line alignment |
List |
— |
Choices: Default · Start · Center · End. |
Style
| Setting |
Type |
Default |
Details |
| Line color |
Color |
— |
|
Fancy Divider
A shaped divider (waves, curves, triangles) between two sections.
Content
| Setting |
Type |
Default |
Details |
| Shape |
List |
Wave |
Choices: Wave · Layered waves · Curve · Triangle · Zigzag · Slant · Arrow. |
| Height |
Number |
— |
Empty: 80 px. Per device. |
| Flip horizontally |
On / off |
Off |
|
| Upside down |
On / off |
Off |
|
Style
| Setting |
Type |
Default |
Details |
| Shape color |
Color |
— |
Use the color of the next section. Empty uses the light theme color. |
| Background color |
Color |
— |
Use the color of the previous section. |
FAQ
Questions and answers that open one by one, with FAQ structured data for search engines.
Content
| Setting |
Type |
Default |
Details |
| Questions |
Items |
— |
Each item: Question, Answer. |
| First answer open |
On / off |
Off |
|
| Number the questions |
On / off |
On |
|
| Add FAQ data for search engines |
On / off |
On |
Adds FAQPage schema.org data, unless an SEO plugin is active or schema is off in Theme Options → SEO. Use it on one FAQ per page. |
| Question HTML tag |
List |
H3 |
Choices: H2 · H3 · H4 · H5 · H6 · Paragraph · div. |
Style
| Setting |
Type |
Default |
Details |
| Accent color |
Color |
— |
|
How It Works
One step with a number, icon or image, a title, text and a line to the next step.
Content
| Setting |
Type |
Default |
Details |
| Show |
List |
Number |
Choices: Number · Icon · Image. |
| Number |
Text |
1 |
|
| Icon |
Icon |
bi:pencil-square |
|
| Image |
Image |
— |
|
| Title |
Text |
Tell us your idea |
|
| Title HTML tag |
List |
H4 |
Choices: H2 · H3 · H4 · H5 · H6 · Paragraph · div. |
| Text |
Long text |
Describe this step in a sentence or two. |
|
| Line to the next step |
On / off |
On |
Put the steps side by side in a row of wraps; the line points to the next one. |
Style
| Setting |
Type |
Default |
Details |
| Accent color |
Color |
— |
|
Icon
A single icon, with an optional link.
Content
| Setting |
Type |
Default |
Details |
| Icon |
Icon |
bi:star |
|
| Description |
Text |
— |
Read by screen readers. Empty: the icon is decoration (or named by its link). |
| Link |
Address |
— |
|
| Open in a new tab |
On / off |
Off |
|
| Shape |
List |
None |
Choices: None · Circle · Square · Outlined circle. |
| Size |
Number |
— |
Per device. |
| Alignment |
List |
— |
Per device. Choices: Default (center) · Start · Center · End. |
Style
| Setting |
Type |
Default |
Details |
| Icon color |
Color |
— |
|
| Shape color |
Color |
— |
|
Opening Hours
The opening hours of each day.
Content
| Setting |
Type |
Default |
Details |
| Title |
Text |
Opening hours |
|
| Title HTML tag |
List |
H4 |
Choices: H2 · H3 · H4 · H5 · H6 · Paragraph · div. |
| Rows |
Items |
— |
Each item: Days, Hours. |
| Icon |
Icon |
bi:clock |
|
| Note |
Long text |
— |
|
Style
| Setting |
Type |
Default |
Details |
| Accent color |
Color |
— |
|
A button or link that opens a popup template.
Content
| Setting |
Type |
Default |
Details |
| Action |
List |
Open a popup |
Choices: Open a popup · Close the popup it is in. |
| Popup |
List |
— |
Popup templates are made under Templates. A popup opened by this button shows on any page, whatever its display conditions. Links to #bt-popup-ID open a popup too, on pages where it shows. Choices: Keyboard test popup · Choose a popup. |
| Text |
Text |
Open |
|
| Style |
List |
Primary |
Choices: Primary · Secondary · Outline · Text link. |
| Size |
List |
Medium |
Choices: Small · Medium · Large. |
| Icon |
Icon |
— |
|
| Icon position |
List |
Before the text |
Choices: Before the text · After the text. |
| Alignment |
List |
— |
Per device. Choices: Default · Start · Center · End · Full width. |
Pricing Item
A pricing plan with a price, a list of features and a button.
Content
| Setting |
Type |
Default |
Details |
| Title |
Text |
Standard |
|
| Subtitle |
Text |
For growing teams |
|
| Price |
Text |
49 |
|
| Currency |
Text |
$ |
|
| Currency position |
List |
By language (before in English, after in Persian) |
Choices: By language (before in English, after in Persian) · Before the price · After the price. |
| Period |
Text |
per month |
|
| Features |
Items |
— |
Each item: Text, Included. |
| Button text |
Text |
Choose plan |
Empty: no button. |
| Link |
Address |
— |
|
| Open in a new tab |
On / off |
Off |
|
| Highlight this plan |
On / off |
Off |
|
| Highlight label |
Text |
Popular |
|
Style
| Setting |
Type |
Default |
Details |
| Accent color |
Color |
— |
|
Progress Bars
Bars that fill to a percentage when they come into view.
Content
| Setting |
Type |
Default |
Details |
| Bars |
Items |
— |
Each item: Title, Value (%), Color. |
| Show the percentage |
On / off |
On |
|
| Style |
List |
Title above the bar |
Choices: Title above the bar · Title inside the bar. |
| Bar height |
Number |
— |
|
Style
| Setting |
Type |
Default |
Details |
| Bar color |
Color |
— |
|
| Track color |
Color |
— |
|
Quick Fact
A large number that counts up, with a title and text.
Content
| Setting |
Type |
Default |
Details |
| Text above the number |
Text |
Since 2010 |
|
| Before the number |
Text |
— |
|
| Number |
Number |
1200 |
|
| Decimal places |
Number |
0 |
|
| After the number |
Text |
+ |
|
| Thousands separator |
On / off |
On |
|
| Count-up time (seconds) |
Number |
2 |
0 shows the number at once. |
| Title |
Text |
Projects completed |
|
| Text |
Long text |
— |
|
| Alignment |
List |
— |
Per device. Choices: Default (center) · Start · Center · End. |
Style
| Setting |
Type |
Default |
Details |
| Number color |
Color |
— |
|
Tabs
Content in tabs, horizontal or vertical.
Content
| Setting |
Type |
Default |
Details |
| Tabs |
Items |
— |
Each item: Title, Icon, Content. |
| Layout |
List |
Tabs above |
Choices: Tabs above · Tabs at the start. |
| Style |
List |
Underline |
Choices: Underline · Pills · Boxed. |
| Tab alignment |
List |
Start |
Choices: Start · Center · End · Full width. |
Style
| Setting |
Type |
Default |
Details |
| Accent color |
Color |
— |
|
Timeline
Dated events along a line, on one or both sides.
Content
| Setting |
Type |
Default |
Details |
| Events |
Items |
— |
Each item: Date, Title, Text, Image. |
| Layout |
List |
Both sides of the line |
Choices: Both sides of the line · One side. |
| Event title HTML tag |
List |
H4 |
Choices: H2 · H3 · H4 · H5 · H6 · Paragraph · div. |
Style
| Setting |
Type |
Default |
Details |
| Line color |
Color |
— |
|
| Dot and date color |
Color |
— |
|
Toggle
One question or title whose content opens when clicked.
Content
| Setting |
Type |
Default |
Details |
| Title |
Text |
Click to read more |
|
| Content |
HTML |
<p>This text appears when the title is clicked.… |
|
| Open at start |
On / off |
Off |
|
| Title HTML tag |
List |
H4 |
Choices: H2 · H3 · H4 · H5 · H6 · Paragraph · div. |
Style
| Setting |
Type |
Default |
Details |
| Accent color |
Color |
— |
|