ThemeKit Grid

Image Label Grid

ThemeKit Grid Labels 1

Layout

Price/Date

The items can be separated by a column gap or the article can overlap the image.
The overlap is a percentage and is set using a slider.

ThemeKit Grid Labels 2

Layout

The items can be separated by a column gap or the article can overlap the image.
The overlap is a percentage and is set using a slider.

ThemeKit Grid Labels 3

Grid Items

Optional Span

Each item has an image in a <figure> with alt text and an article element with a heading and text.
The optional spans have controls for text size, color and align.

ThemeKit Grid Labels 4

Links

Icon

When the images are configured as links this is indicated by an icon at the top left or right on alternate items.

ThemeKit Grid Labels 5

Animation

Slide In

The <article> element can animate in from the left or right depending on its column position.
The animation is prevented on phones but has the option to turn it on for these devices.

© EverWeb Widgets -

MENU