ThemeKit Hero

  • ThemeKit Hero Wipe Slider 1
    ThemeKit Hero
    Wipe Slider
  • ThemeKit Hero Wipe Slider 2
    Captions
  • ThemeKit Hero Wipe Slider 3
    Lazy Loading
  • ThemeKit Hero Wipe Slider 4
    Option
    Image Links

Wipe Slideshow

The ThemeKit Hero Wipe Slider widget creates a very efficient and unique slideshow which can be used to provide links to other directories or pages using the image link option.
Captions
The captions heve controls for font size, color, background & opacity, text align & line height. The line height control is included since the captions can run to two or more lines if required.

Images

The images are insserted in three sizes for optimal performance on mobile devices and have a lazy loading option.
The images in the the demo were cropped to size and optimised before importing into EverWeb.
They are …

  • Large Image: 1200 x 800px - file size 120KB
  • Medium Image: 720 × 480px - file size 90KB
  • Small Image: 375 × 540px - file size 60KB

Link Icon

The link icon and the action tabs share the same controls for icon color and background color and its opacity.
The icon is positioned at the top right with controls for adjusting its position on th X and the Y-axis.
In the above example the slider has a logo header set to overlay it at the top. The link icon is set to about 90px from the top to clear the header which has a height of 80px below the breakpoint.

Menu