Advanced content elements

On this page:

  1. Different types explained
  2. FAQs (accordion style)
  3. Tabs
  4. List sections
  5. Definition Lists

This content block plugin is to help make it easier to better display large pieces of content in a way that makes it easier for your users to read and your site more interesting.

In these screenshots below we have used exactly the same content, so you can see the different ways you can display your content. You can also switch that content type at anytime and retain the same content no matter the type you choose.

Different Types

In these examples below we have used exactly the same content, so you can see the different ways you can display your content. You can also switch that content type at anytime and retain the same content no matter the type you choose.

FAQs (accordion style)

FAQ Settings

The end result will look like this:

FAQ Question 1 description

FAQ Question 2 description

FAQ Question 3 description goes here.

Help Video

Tabs

Tabs settings

The end result will look something like this:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A diam maecenas sed enim ut sem viverra aliquet. Nibh venenatis cras sed felis eget velit aliquet sagittis. Libero enim sed faucibus turpis in eu mi bibendum. Urna neque viverra justo nec ultrices. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A diam maecenas sed enim ut sem viverra aliquet. Nibh venenatis cras sed felis eget velit aliquet sagittis. Libero enim sed faucibus turpis in eu mi bibendum. Urna neque viverra justo nec ultrices. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A diam maecenas sed enim ut sem viverra aliquet. Nibh venenatis cras sed felis eget velit aliquet sagittis. Libero enim sed faucibus turpis in eu mi bibendum. Urna neque viverra justo nec ultrices. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis.

Help Video

List sections

List settings

The end result will look something like this:

Title 1
Title 2
Title 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A diam maecenas sed enim ut sem viverra aliquet. Nibh venenatis cras sed felis eget velit aliquet sagittis. Libero enim sed faucibus turpis in eu mi bibendum. Urna neque viverra justo nec ultrices. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A diam maecenas sed enim ut sem viverra aliquet. Nibh venenatis cras sed felis eget velit aliquet sagittis. Libero enim sed faucibus turpis in eu mi bibendum. Urna neque viverra justo nec ultrices. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A diam maecenas sed enim ut sem viverra aliquet. Nibh venenatis cras sed felis eget velit aliquet sagittis. Libero enim sed faucibus turpis in eu mi bibendum. Urna neque viverra justo nec ultrices. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis.

Definition Lists (Wikipedia style tables)

Definition list settings

The end result will look something like this:

Title 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A diam maecenas sed enim ut sem viverra aliquet. Nibh venenatis cras sed felis eget velit aliquet sagittis. Libero enim sed faucibus turpis in eu mi bibendum. Urna neque viverra justo nec ultrices. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis.

Title 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A diam maecenas sed enim ut sem viverra aliquet. Nibh venenatis cras sed felis eget velit aliquet sagittis. Libero enim sed faucibus turpis in eu mi bibendum. Urna neque viverra justo nec ultrices. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis.

Title 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A diam maecenas sed enim ut sem viverra aliquet. Nibh venenatis cras sed felis eget velit aliquet sagittis. Libero enim sed faucibus turpis in eu mi bibendum. Urna neque viverra justo nec ultrices. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis.

Help Video

Can't find the answer you are looking for?

Try using searching below: