EverWeb Codebox logo

EverWeb Widgetbox 3

Touch Module Widget

Touch Module

Touch Module

Touch Widgets

Touch Module Widget

Modular widgets for quickly assembling website designs for both touch devices and computers.
This item uses the Touch Module widget which includes a heading, variable width, centered image, text and a hyperlink tab enclosed in an HTML5 article, aside or section element with options for contrasting heading background, corner radius, border and box shadow.
Ideally a website should be created in three versions for computer, tablet and smart phone.
Assembling all these items in a transportable package allows them to be easily transferred from one version of the site to another and quickly adapted for different page content widths.
The widgets come in three packs - Basic, Navigation & Media.

Touch Module

Widget Settings

Select the appropriate container type.
Enter the heading text, select the image, enter alt text for SEO and set the image width.
Enter the paragraph text.
Enter the font family, check the box if it is Google hosted and choose a suitable web safe fallback font.
Set the container styles for border width, color and corner radius and/or box shadow color and radius.
Set the heading font size, color and background color.
Set the paragraph font size, color, background color and line height.
Enter the tab text and adjust its width to suit.
Adjust the tab height using the value for TB Padding.
Make sure the button size is large enough for easy fingertip stabbing on mobile device sites.
Set the tab font color and the tab background color.
Set the tab corner radius.
Set the border width and color and/or the box shadow width and color.
Use the "Link to:" control to select the destination page.

Touch Widgets Bulk Pack Discount Deal

Buy all 4 Touch Widget packs for $30.00 …

This widget is included in the Touch Image widget pack.