ThemeKit Caddy

Menu

EverWeb ThemeKit

Caddy Content

ThemeKit Caddy Content

Content

Price $99

The text content area has a checkbox to hide it if not required. It has a headng, styled span for price/date etc and a paragraph.
There are controls for styling inline <span> tags for font size and color.
<mark> tags can be styed with controls for tetx color and background color.

Optional Heading

The optional heading and text precede the optional list for adding info.
The ThemeKit Caddy Content widget has …

  • Optional header with heading and optional SVG icon
  • The optional image has alt text & optional lazy loading
  • Image inserted in 2 or 3 sizes
  • Optional phone portrait image
  • The list has controls for inset, font size, line height & item spacing
  • Eight available list style types

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.

Header Nav

Show/Hide Header

A header with options for the logo/link, website name and a navigation menu action tab needs to have a show/hide function so that it is visible on scroll up or when the page bottom is reached.
The header can overlap the top of a hero item by checking a box if required.
Action Tab
The action tab has a text label and the icon animates for open/close.

Navigation Menu

The navigation menu appears front and center in an overlay with a fade in or scale up animation.
The menu itself has …

  • An auto grid layout with min link width and max menu with
  • Controls for text size and color
  • Background controls for link background ^amp; current page background
  • Hover animation when viewed on computers
  • Link spacing an navigation background and opacity controls

Animation

The controls for the animation are preset except for acheckbox to turn on the scale animation and a slider to set the initial scale.

Footer

Footer Bar

A footer for a responsive website should be compact to avoid excessive scrolling for small mobile device users.
On page load the ThemeKit Caddy Footer shows a toolbar with a spam protected email function, an info action tab and a smooth scroll to the top function.
On hover the tabs show a tooltip with text to indictae their purpose.

Footer Content

The footer has a three column grid with …

  • Column [1] - heading, text & optional phone number/phone call function
  • Column [2] - a mix of internal or external links
  • Column [3] - heading & text
  • Copyright function with auto year function spans all columns in the bottom row

Animation

The footer itself animates up on click and can be viewed for editing on the EverWeb design canvas.
Show/Hide
The footer bar has a show/hide function sothat it hides on scroll down and shows when the page bottom is reached and on scroll up.

EmailShow FooterScroll Top

EverWeb Widgets

EverWeb Widgets themes & widgets are only for use with EverWeb.
Digital goods cannot be returned. All sales are final with no refunds.

© EverWeb Widgets -