Widgetkit

Widgets

Currently available widgets

Slideshow

Slideshow

Grid

Grid

Grid Stack

Grid Stack

Switcher

Switcher

Map

Map

Accordion

Accordion

Gallery

Gallery

Grid Slider

Grid Slider

Parallax

Parallax

Slider

Slider

Slideset

Slideset


How to use

Use a shortcode to display your widget anywhere on your website

Start in the editor

Start in the editor

To get started, click on the Widgetkit button in your CMS edit view. You will be directed to an overview of already existing widgets, hit the New button. Now choose the widget you would like to render, for example Grid and the content type. Afterwards hit Create to proceed to the next step.


Explore the Interface

Explore the Interface

To create your content, you can add single content items by using Add Item. Alternatively you can use Add Media to select multiple items at once through the media library or manager of your CMS. Enter a name for your widget and go to the Settings tab to configure your widget, then hit Save.


Using the shortcodes

Using the shortcodes

After saving, hit the Cancel button to get back to the widget overview. Click on your newly created widget and a shortcode containing the widget's ID and name will be inserted in the editor. To edit the widget, click inside the shortcode and hit the Widgetkit button again.

Layouts

Warp comes with a sophisticated layout system to create any kind of sidebar or widget layout. You can easily manage the sidebar's positions and widths in the theme administration. Widgets can have different styles and be placed in any position offered by this theme. Each position has its own layout. You can align widgets side-by-side, stack them or choose your own grid layout. Show or hide widgets on mobile devices, while the grid adapts perfectly to your layout.

Warp Layout System

UIkit


Article title

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<div class="myclass">...</div>

text-muted
text-primary
text-success
text-warning
text-danger
a element
em element
strong
code element
del element
ins element
mark element
q inside a q element
abbr element
dfn element

Badge 1 Success 4 Warning 3 Danger 4

h1

h2

h3

h4

h5
h6

Lorem ipsum dolor.

Someone famous
  • Author

    May 2, 2090 at 1:55 pm

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Divider

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box primary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box secondary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Info message

Success message

Warning message

Danger message

55%
55%
55%
55%
Form states
Form styles


  • List item 1
  • List item 2
  • List item 3
  • List item 1
  • List item 2
  • List item 3
Table caption
Table Heading
Table Data
Table Data
Description lists
Description text.
Description lists
Description text.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Dummy Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Theme Features

This theme is built on the Warp framework, a well-engineered theme framework for WordPress and Joomla, and utilizes all of its latest features. The user interface is powered by UIkit, a lightweight and modular front-end framework, which provides the theme's styling. The theme also comes with a wide range of different layouts and widget variations.

Styles

We provide lovingly crafted style variations to give you a glimpse of what is possible with this theme. The built-in theme customizer allows you to modify colors, fonts, sizes and much more without any CSS knowledge. Just choose your colors with the color picker and adjust the theme with only a few clicks. Click on one of the images to see the style.

Default

Default

Dark

Dark

Light

Light

Lilac

Lilac

Pink

Pink

Sky Blue

Sky Blue


Navigation

Bento theme features a main navigation that holds a couple of tricks. You can choose between a traditional horizontal menu and an overlay menu with a hamburger icon to toggle the navigation. Of course, you can also fix the navbar to the top of the browser window.

Navigation
Navigation 2

Header Position

This theme includes a number of additional widget/module positions. The Header position is perfect to present a teaser slideshow or a hero image. In addition you have the option to overlay the content of the Header position with the fixed navigation instead of pushing it down.

Navigation
Navigation 2

Bento Slideset

Bento Slideset

Bento comes with a custom Slideset widget that comes in handy for displaying schedules or other listed information. When filtering items, the navigation will be displayed in line with the widget/module title for a compact layout.
Block Appearance

Block Appearance

Each module position can be styled individually. You can apply different backgrounds, padding and set each position to full height. As another feature, you can choose from three different background patterns that work well with all background colors.
Pricing Table

Pricing Table

We added a little helper class, so you can easily create pricing tables with a grid. Here's an example of how the heading of each column is set up:
<h2 class="tm-price"><sup>€</sup>10</h2>

Video: Local Surf & Clothing - Lifestyle by East West Production/Mazwai.com, License: CC BY 3.0


UIkit Framework

UIkit Framework

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Read more

Warp Framework

Warp Framework

A fast and slick theme framework which is built on the latest web techniques.

Read more

This theme is available for JoomlaJoomla and WordpressWordPress including the same features on each system.

More Articles ...

Get in touch

Location

ECIAAA
1003 Maple Hill Road
Bloomington, IL 61705-9327

Contact

Contact Us
Email: aginginfo@eciaaa.org
Phone: 309-829-2065
Fax: 309-829-6021

Seniors may call toll free:
Phone: 1-800-888-4456

Opening hours

Mon-Fri: 8:00 am to 4:00 pm
Sat-Sun: CLOSED