AlfaRichi

Accordions and Pricing Tables

CSS3 accordion shortcodes and versatile pricing tables make it even easier to display your content. The accordions are simple to use, and you can choose which one to start open (if any). And the pricing tables give you full control over colors, featured columns, content, and much more!

Accordion Shortcodes

Title

Accordions can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but the other tabs are a bit more complex! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.

Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.

Title

See The Shortcodes

[raw]
[/raw]
[raw]
title
[/raw] Lorem ipsum... [raw]
[/raw]
[raw]
title
[/raw] Lorem ipsum... [raw]
[/raw]
[raw]
title
[/raw] Lorem ipsum... [raw]
[/raw]
[raw][/raw]

Accordion Toggles

When used with only one item, the accordions also double as a pretty nifty toggle box (in addition to all the other toggles available in the theme of course)!

Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.

See The Shortcodes

[raw]
[/raw]
[raw]
title
[/raw] Lorem ipsum... [raw]
[/raw]
[raw][/raw]

Pricing Tables

FIRST OPTION

  • Lorem Ipsum
  • Sit Amet Dolor
  • Consecteteur
  • Unum Sut Ete

$26.00

Buy Now

THE THIRD

  • Lorem Ipsum
  • Sit Amet Dolor
  • Consecteteur
  • Unum Sut Ete

$40.00

Buy Now

Pricing tables have a top, middle, and bottom section where you can control the colors and content separately. They also allow you to mark columns as featured (the middle one is an example here) to emphasize them. They’re the perfect way to compare plans or products!