EverWeb ThemeKit Widgets
Best by Design
Find out why EverWeb ThemeKit widgets should be the first choice for creating professional class responsive websites.
ThemeKit Toggle
FAQ - Q&A
- [1] Item Containers
- The widgets use HTML5 to replace outdated HTML containers for greaer efficiency and better search engine indexing
- [2] Layout
- The widgets use layouts created with the CSS Grid Layout Module rather rather than older, less usefull flexbox
- [2] Styles
- All stylesheets are minified and there are no inline styles to slow download time
- [4] Images
- Images are lazy loaded and contained in the HTML5 <figure> element for better search engine indexing and load a smaller file for mobile devices
- [5] Slideshows
- Full width and content sliders load a smaller image file for mobile devices and have a lazy loading option
- [6] Video
- Video players use HTML5, prevent preload and supply a smaller file for mobile devices
- [7] Animations
- All animations are custom using minified styles
- [8] Google Score
- Get web pages to score over 90 in a Google test by using these widgets and website themes
- [9] Design
- Better professional class up to date layouts and design features
- [10] More Options
- Choose from top grade themes and 100s of widgets
- [11] Professional Results
- Create a website to rival expensive professionally created designs
- [12] Just The Best
- Outperforms and better design than anything elude available for EverWeb users
FAQ Info
The ThemeKit Toggle FAQ Q&A widget has a two column grid layout. The relative column widths are adjustable and the layout can be switched. Below the breakpoint the FAQ can be above or below the content.
Content
The content section has an optional image with alt text and controls to add a border.
It has a heading, styled spans, text and an internal/external link.
The Q&A section has …
- Separate text color and background controls for the questions and the answers
- Optional separator with height and color controls
- Vertical space between items instead of a separator
- Answers in view on the EverWeb design canvas for editing
- Adjustable animation time in milliseconds
Container
The container has controls for background color and opacity, padding, column gap and row gap below the breakpoint.
Wrapper
The wrapper has vertical and horizontal spacing controls and the option for a switchable two color gradient background.
Animated Tabs
Content
The image is an option on a per tab basis and has alt text and controls for adding a border.
Styled spans can be used for sub headings and the link is a global option and has a background hover animation.
Editing Tab Content
To view the tab content for editing check the box for "Current Slide". Uncheck before moving on to the next tab's content.
Before publishing select the tab content to appear on age load and check the "Current Slide" slide box.
Tabs
The ThemeKit Toggle Tabs widget can have up to six items. The more items the higher the breakpoint needs to be.
Below the breakpoint the tabs align vertically and can have a spacer using the controls for separator height and color.
Animation Controls
The animation has two controls for adjusting the way in which the tab content enters.
Controls
The scale control adjusts the initial scale to give a scale up on load animation.
The translate Y slider moves the content upward so that it slides down.
Combining both transform properties creates a swing in and down effect.
Footer Bar
The ThemeKit Toggle Footer Bar has a fixed position at the bottom of the brwser/device window. It has a spam protected email function a toggle button and a smooth scroll to the top function.
The slide up on click panel has a two column grid layout with a heading and info text in one column and links in the other.
The copyright notice with its auto update of the copyright year function sits at the bottom and spans both columns.