accordion title
Titles can have SEO friendly tags:
- H1
- H2
- H3
- H4
- H5
- H6
- P
Accordion documentation
Click on an item in the left sidebar to view the related instructions
Title font size
Set the font size of your title, value to be set in pixels.
Font family
Your title can have any font family and font weight you would like, any font from the Google font library can be chosen.
Use custom font
If you are using a custom font on your theme or are already loading a font family from the Google library you can include the correct name and use the 'Custom Font' option, this way you can reduce requests made to load fonts.
Please make sure to use the correct name in the 'Custom font name' input field to avoid any mistakes it is suggested to copy the entire font name including quotes and fallback font in case needed.
You can select the font weight going from hairline to black, do please note that note each font family will have all of these weights available, so before selecting the weight make sure your site is loading the required font weight.
By default the font style will be set to 'Normal', you can also if desired set this to 'Italic'.
* Do note that our dashboard is most likely not going to be loading the custom font you have selected,
so the representation of the text in the button will fallback to whatever you have set.
Please make sure to use the correct name in the 'Custom font name' input field to avoid any mistakes it is suggested to copy the entire font name including quotes and fallback font in case needed.
You can select the font weight going from hairline to black, do please note that note each font family will have all of these weights available, so before selecting the weight make sure your site is loading the required font weight.
By default the font style will be set to 'Normal', you can also if desired set this to 'Italic'.
* Do note that our dashboard is most likely not going to be loading the custom font you have selected,
so the representation of the text in the button will fallback to whatever you have set.
Letter spacing
Letter spacing will create separation between each letter in your title,
value is to be set in pixels.
value is to be set in pixels.
Icon type
You can select between 2 icons at the end of your accordion title:
This will indicate more efficiently to the visitor that it is an expandable element.
- Plus
- Arrow
This will indicate more efficiently to the visitor that it is an expandable element.
Icon size
Set the font size of your icon,
value to be set in pixels.
value to be set in pixels.
Title color
Set the color of the accordion title with the color picker tool,
or add a valid color value such as hex or rgb.
or add a valid color value such as hex or rgb.
Icon color
Set the color of the accordion icon with the color picker tool,
or add a valid color value such as hex or rgb.
or add a valid color value such as hex or rgb.
Background color title
Set the background color of the accordion title with the color picker tool,
or add a valid color value such as hex or rgb.
or add a valid color value such as hex or rgb.
Border color
Set the border color of the accordion with the color picker tool,
or add a valid color value such as hex or rgb.
or add a valid color value such as hex or rgb.
Background color content area
Set the background color of the content area with the color picker tool,
or add a valid color value such as hex or rgb.
or add a valid color value such as hex or rgb.
Active on load
Select which title should be shown as active (opened) whenever the visitor arrives and the page loads.
Toggle speed
Specify the time in milliseconds it should take for the accordion content to expand.
Increasing the value will make it open slower,
decreasing the value will make it animate faster.
Increasing the value will make it open slower,
decreasing the value will make it animate faster.
Use as toggle
If used as an accordion, only 1 content area will be shown at the same time.
Selecting 'Toggle' will allow the visitor to open as many content areas as needed.
Selecting 'Toggle' will allow the visitor to open as many content areas as needed.
Add a title
Clicking on the round '+' button will append (include at the end of the list) a new title.
You can use the drag icon to reorder if required.
You can use the drag icon to reorder if required.
Remove a title
To remove a title, simply click on the right 'x' icon when hovering a title.
Please make sure when deleting a title, as this action is not reversible,
it will not only delete the title but also the content area and its content included inside of the Weebly editor.
Please make sure when deleting a title, as this action is not reversible,
it will not only delete the title but also the content area and its content included inside of the Weebly editor.