Slim Scroll Widget
The Slim Scroll widget creates a scrolling HTML5 section element which can have a heading, paragraph, image plus alt text - with/without caption - and a second paragraph.
Each is displayed with its own checkbox control.
The second paragraph's text can be wrapped around the image and the image percentage width can be varied. It can be floated left or right and can also be made full width if required.
Unlike the iFrame and Scroller widgets, which use the browser default scrollbar, this widget creates its own and is uniform across all browsers.
The scrollbar appears on page load so that the visitor knows that the section is scrollable but will disappear on mouse out. The scrollbar color can be customised.
Scrollling can also be achieved using the mouse wheel, a magic mouse or by swiping on mobile devices.
The element can have a border with round corners if required.
It can have its own background color or this can be turned off via a checkbox so that it inherits the page background color.
NOTE: When adding the content, it helps to increase the widget height to expose it all since the scrolling action does not work in EverWeb. The widget can then be reduced to the required height prior to publishing the page.
Hyperlinks can be added using HTML like this...
<a href="#">Hyperlink Text</a>
The hash sign (#) is replaced with a relative or absolute file path. See File Path page for more info.
To open the link in a new window, add target="_blank" like this...
<a href="#" target="_blank">Hyperlink Text</a>
The hyperlink text color and hover color are styled in the widget settings.
Be sure to the read this info about using special characters & creating line breaks.
Please note that only one of these widgets should be used per page.