Add an Accordion

Learning How

Add an Accordion Add a Carousel Add Columns Add a Full Width Slider Add a Horizontal Bargraph Add a Masonry Layout
Add Tabbed Content Add a Timeline Add a Widget Row

View a PDF for actual theme settings for adding an accordion layout shown here. (Please note: some settings may have changed with recent updates).

Accordion Row Title One

Sed dolor massa, accumsan et pellentesque vel, tempus non elit. Duis non molestie dolor. Vestibulum condimentum erat in ullamcorper porttitor. Vivamus eu tristique nunc. Sed dolor massa, accumsan et pellentesque vel, tempus non elit. Duis non molestie dolor. Vestibulum condimentum erat in ullamcorper porttitor.

Accordion Row Title Two

Vivamus eu tristique nunc. Sed dolor massa, accumsan et pellentesque vel, tempus non elit. Duis non molestie dolor. Vestibulum condimentum erat in ullamcorper porttitor. Vivamus eu tristique nunc. Sed dolor massa, accumsan et pellentesque vel, tempus non elit. Duis non molestie dolor. Vestibulum condimentum erat in ullamcorper porttitor. Vivamus eu tristique nunc.

Accordion Row Title Three

Sed enim enim, imperdiet quis faucibus ut, varius eget velit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris at varius ligula.

Accordion Row Title Four

Vivamus eu tristique nunc. Sed dolor massa, accumsan et pellentesque vel, tempus non elit. Duis non molestie dolor. Vestibulum condimentum erat in ullamcorper porttitor. Vivamus eu tristique nunc. Sed dolor massa, accumsan et pellentesque vel, tempus non elit. Duis non molestie dolor. Vestibulum condimentum erat in ullamcorper porttitor. Vivamus eu tristique nunc.

Select the Additional Options tab.
Select Yes to add options.
Select the Add an Accordion checkbox.
Select Yes to Use an Accordion.
Set a top and bottom margin for the accordion wrapper.
Select the max-width for the accordion row. The default is 1440px.
Click the Add Accordion Row button in the lower right corner. You can add as many accordion rows as desired.
Type in the title for the accordion row. This is displayed whether the accordion row is collapsed or expanded.
Select the color for the accordion row background.
Select the color for the accordion row title text.
Select the color for the accordion row content background when expanded.
Each accordion row can have its own specific colors. It doesn’t have to be the same for each row.
Color transparency allowed for all color options.
If desired, you add content after the accordion wrapper, as seen here. It is basically a second WordPress WYSIWYG editor.
Set the top and bottom padding for the content after the accordion.