ThemeKit Caddy

Caddy Dropbox

Heading

Span

The ThemeKit Caddy dBox widgets create containers which an optional header with optional SVG icon and a text area with heading, optional styled span and info text on page load.
The hidden content helps to reduce the amount of content in view for the benefit of small mobile device users.
Media Content
Images and/or video content in the dropboxes is lazy loading by default which allows the page to download a lot faster in the browser.

Page Layout

Using containers with well defined items and adjustable spacing allows a responsive page layout to "breathe" and makes the individual items easier to find and focus on.

ThemeKit Caddy

Content

$99

Using a module widget containing several items makes for much more efficient code which contributes to faster page download time in the browser.

Dropbox Content

Content Items

The dropbox has a heading, text, optional headin 2, text 2, an optional list and another optional heading and text

Optional List

The kist heading and this text are optional and can be used for another paragraph without the list.

The content image can be full width with the content below
When full width is selected another smaller image is added for mobile devices
Image has alt text attribute & optional lazy loading
The dropbox is open for editing on the EverWeb design canvas
The list has controls for inset, font size, line height & item spacing
Eight available list style types
Controls for inline <span> font size & color
Controls for <mark> color & background

Container Styles

All the items have common controls for border width, color and radius, shadow radius, blur and color and remove bottom border when the shadow is present.
The items have a control to adjust the vertical separation.
Nav Bar
The otpiomal navigation has three optional links - two internal links and on for an external page.

Link Bar

Function

Navigation

The ThemeKit Caddy Link Bar can be used to insert any number of links which can be a mix of internal & external.
The bar can be styled the same as the other Caddy widgets header, action bar, links ect.

Previous/Next

The link bar can have previous next links with a chevron icon and a double chevron on hover by selecting from the link types.
The outer links have a control to set the outer border radius separate ffrom the link radius.
The oute radius can be removed at a preselected breakpont when the links return to create two or more rows.