Close

13 Responsive Presets with Elegant Modern Layouts

  • » Achieved in seconds with the preset builder. You can select your own elements and feature combination.
  • » It lets you one-click toggle various elements such as description, lightbox, attributes
  • » Using the plugin’s convenient frontEnd editor you can further customize the grids powerfully
  • » You can also add filtering, pagination, search and caching, change number of columns.
  • » You can also add your own custom elements to show in member cells or the lightbox.
Vertical

Various elements can be enabled and disabled in the presets. In this example the lightbox is disabled, attributes are removed and ribbon element is enabled.

BothFinanceMarketing
AnyChicagoNew York

Bruno Dupont

PR Officer

This is the lightbox content section, in this example the content is... read more

Bruno Dupont

PR Officer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Ella Stonem

Senior Manager

This is the lightbox content section, in this example the content is... read more

Lorem Ipsum

Ella Stonem

Senior Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Eric Goldstein

Asst. Manager

This is the lightbox content section, in this example the content is... read more

Eric Goldstein

Asst. Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Martha Smith

Web Developer

This is the lightbox content section, in this example the content is... read more

Martha Smith

Web Developer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Terrance Ross

Asst. Manager

This is the lightbox content section, in this example the content is... read more

Terrance Ross

Asst. Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

John Duke

Senior Manager

This is the lightbox content section, in this example the content is... read more

John Duke

Senior Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Mindy Hill

Web Developer

This is the lightbox content section, in this example the content is... read more

Dolor Sit

Mindy Hill

Web Developer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Sarah Walters

Senior Manager

This is the lightbox content section, in this example the content is... read more

Sarah Walters

Senior Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Diana Baker

PR Officer

This is the lightbox content section, in this example the content is... read more

Diana Baker

PR Officer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Vertical Dark

Cells are linked to lightbox here but you can set any other link if you wish. While the links and ribbons are removed from this preset for this demo, you can easily choose to enable them in the preset builder.

Bruno Dupont

PR Officer

Phone666 555 999
LocationChicago

Bruno Dupont

PR Officer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Ella Stonem

Senior Manager

Phone666 555 999
LocationChicago

Ella Stonem

Senior Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Eric Goldstein

Asst. Manager

Phone666 555 999
LocationNew York

Eric Goldstein

Asst. Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Martha Smith

Web Developer

Phone666 555 999
LocationNew York

Martha Smith

Web Developer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Terrance Ross

Asst. Manager

Phone666 555 999
LocationNew York

Terrance Ross

Asst. Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

John Duke

Senior Manager

Phone666 555 999
LocationNew York

John Duke

Senior Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Mindy Hill

Web Developer

Phone666 555 999
LocationChicago

Mindy Hill

Web Developer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Sarah Walters

Senior Manager

Phone666 555 999
LocationNew York

Sarah Walters

Senior Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Diana Baker

PR Officer

Phone666 555 999
LocationChicago

Diana Baker

PR Officer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Vertical Round

You can enable other elements as well for Vertical Round, and this particular combination of elements was chosen just for this demo.

Bruno Dupont

PR Officer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.

Ella Stonem

Senior Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.

Eric Goldstein

Asst. Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.

Martha Smith

Web Developer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.
Load More
Vertical Right

An extra element is created for this preset, displaying the special status of members. Remember, you can create your own custom attributes and display them for your members using the visual template editor.

AllFinance WizMarketing Genies

Bruno Dupont

PR Officer

Italian

Ella Stonem

Senior Manager

Rogue

Eric Goldstein

Asst. Manager

Knight

Martha Smith

Web Developer

Rocker

Terrance Ross

Asst. Manager

Hammer

John Duke

Senior Manager

Saboteur

Mindy Hill

Web Developer

Damsel

Sarah Walters

Senior Manager

Oracle

Diana Baker

PR Officer

Hacker
Wide

One of the latest presets added. It is fully responsive. More wide presets to follow, so watch this space!

Bruno Dupont

PR Officer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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.

Ella Stonem

Senior Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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.

Eric Goldstein

Asst. Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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.
Table

Search and pagination enabled for this example. Elements for this preset are limited to those shown here, but are fully responsive.

AllFinanceMarketing

Bruno Dupont

PR Officer

[email protected]
666 555 999

Bruno Dupont

PR Officer

This is the lightbox content section, in this example the content is being drawn from the member's wordpress content editor field that you are familiar with. We can also draw the content from the member's description field in their profile form. In fact we can draw...

Ella Stonem

Senior Manager

[email protected]
666 555 999

Ella Stonem

Senior Manager

This is the lightbox content section, in this example the content is being drawn from the member's wordpress content editor field that you are familiar with. We can also draw the content from the member's description field in their profile form. In fact we can draw...

Eric Goldstein

Asst. Manager

[email protected]
666 555 999

Eric Goldstein

Asst. Manager

This is the lightbox content section, in this example the content is being drawn from the member's wordpress content editor field that you are familiar with. We can also draw the content from the member's description field in their profile form. In fact we can draw...

Martha Smith

Web Developer

[email protected]
666 555 999

Martha Smith

Web Developer

This is the lightbox content section, in this example the content is being drawn from the member's wordpress content editor field that you are familiar with. We can also draw the content from the member's description field in their profile form. In fact we can draw...

Terrance Ross

Asst. Manager

[email protected]
666 555 999

Terrance Ross

Asst. Manager

This is the lightbox content section, in this example the content is being drawn from the member's wordpress content editor field that you are familiar with. We can also draw the content from the member's description field in their profile form. In fact we can draw...

1 2
Round

Lightbox enabled. This and strip are the only two presets with their possible elements limited to those presented in the demo here. Of course the lightbox can be used to add more elements.

Bruno Dupont

PR Officer

Ella Stonem

Senior Manager

Eric Goldstein

Asst. Manager

Martha Smith

Web Developer

Terrance Ross

Asst. Manager

John Duke

Senior Manager

Mindy Hill

Web Developer

Sarah Walters

Senior Manager

Diana Baker

PR Officer

Framed Round

A neat border added around images and all other elements can be shown below the image including description, custom elements, attributes, etc

Bruno Dupont

PR Officer

666 555 999

Ella Stonem

Senior Manager

666 555 999

Eric Goldstein

Asst. Manager

666 555 999

Martha Smith

Web Developer

666 555 999

Terrance Ross

Asst. Manager

666 555 999

John Duke

Senior Manager

666 555 999

Mindy Hill

Web Developer

666 555 999

Sarah Walters

Senior Manager

666 555 999
Horizontal

Description and other elements can be added as well. They are added in the lightbox also.

AllMarketingFinance

Bruno Dupont

PR Officer

[email protected]
666 555 999

Bruno Dupont

PR Officer

This is the lightbox content section, in this example the content is being drawn from the member's wordpress content editor field that you are familiar with. We can also draw the content from the member's description field in their profile form. In fact we can draw content for this section from any custom field attached to the member. The content in this section can be formatted and simple shortcodes like contact form 7 (used below) will also be accepted. You can also embed iframes here from YouTube, Vimeo, Vine, Google Maps, etc.


Contact Form

Your Name (required)

Your Email (required)

Subject

Your Message


Embedded Video


Google Maps

Ella Stonem

Senior Manager

[email protected]
666 555 999

Ella Stonem

Senior Manager

This is the lightbox content section, in this example the content is being drawn from the member's wordpress content editor field that you are familiar with. We can also draw the content from the member's description field in their profile form. In fact we can draw content for this section from any custom field attached to the member. The content in this section can be formatted and simple shortcodes like contact form 7 (used below) will also be accepted. You can also embed iframes here from YouTube, Vimeo, Vine, Google Maps, etc.


Contact Form

Your Name (required)

Your Email (required)

Subject

Your Message


Embedded Video


Google Maps

Eric Goldstein

Asst. Manager

[email protected]
666 555 999

Eric Goldstein

Asst. Manager

This is the lightbox content section, in this example the content is being drawn from the member's wordpress content editor field that you are familiar with. We can also draw the content from the member's description field in their profile form. In fact we can draw content for this section from any custom field attached to the member. The content in this section can be formatted and simple shortcodes like contact form 7 (used below) will also be accepted. You can also embed iframes here from YouTube, Vimeo, Vine, Google Maps, etc.


Contact Form

Your Name (required)

Your Email (required)

Subject

Your Message


Embedded Video


Google Maps

Martha Smith

Web Developer

[email protected]
666 555 999

Martha Smith

Web Developer

This is the lightbox content section, in this example the content is being drawn from the member's wordpress content editor field that you are familiar with. We can also draw the content from the member's description field in their profile form. In fact we can draw content for this section from any custom field attached to the member. The content in this section can be formatted and simple shortcodes like contact form 7 (used below) will also be accepted. You can also embed iframes here from YouTube, Vimeo, Vine, Google Maps, etc.


Contact Form

Your Name (required)

Your Email (required)

Subject

Your Message


Embedded Video


Google Maps

Terrance Ross

Asst. Manager

[email protected]
666 555 999

Terrance Ross

Asst. Manager

This is the lightbox content section, in this example the content is being drawn from the member's wordpress content editor field that you are familiar with. We can also draw the content from the member's description field in their profile form. In fact we can draw content for this section from any custom field attached to the member. The content in this section can be formatted and simple shortcodes like contact form 7 (used below) will also be accepted. You can also embed iframes here from YouTube, Vimeo, Vine, Google Maps, etc.


Contact Form

Your Name (required)

Your Email (required)

Subject

Your Message


Embedded Video


Google Maps

John Duke

Senior Manager

[email protected]
666 555 999

John Duke

Senior Manager

This is the lightbox content section, in this example the content is being drawn from the member's wordpress content editor field that you are familiar with. We can also draw the content from the member's description field in their profile form. In fact we can draw content for this section from any custom field attached to the member. The content in this section can be formatted and simple shortcodes like contact form 7 (used below) will also be accepted. You can also embed iframes here from YouTube, Vimeo, Vine, Google Maps, etc.


Contact Form

Your Name (required)

Your Email (required)

Subject

Your Message


Embedded Video


Google Maps

Horizontal Round

This preset is also greate for adding to the sidebar widget in a single column if required.

Bruno Dupont

PR Officer

Bruno Dupont

PR Officer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet.

Ella Stonem

Senior Manager

Ella Stonem

Senior Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet.

Eric Goldstein

Asst. Manager

Eric Goldstein

Asst. Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet.

Martha Smith

Web Developer

Martha Smith

Web Developer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet.

Terrance Ross

Asst. Manager

Terrance Ross

Asst. Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet.

John Duke

Senior Manager

John Duke

Senior Manager

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 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. Lorem ipsum dolor sit amet.
ToolTip

Lightbox disabled. You can change the combination of elements inside the tooltip.

Overlay

Filtering can be enabled for any preset and element can be filtered on basis of any meta key.

AllFinanceMarketing

Bruno Dupont

PR Officer

Ella Stonem

Senior Manager

Eric Goldstein

Asst. Manager

Martha Smith

Web Developer

Terrance Ross

Asst. Manager

John Duke

Senior Manager

Load More
Slide Up

You can add other elements such as attributes, description and custom elements to the sliding section. Lightbox enabled for this example.