EverWeb Codebox logo

EverWeb Widgetbox 3

Box Drop Text widget

Box Drop Text

Box Drop Text Widget
Box Drop Text Widget

Widget Settings

Enter the button heading text.
Enter the font family, check the box if it is Google hosted and select a suitable web safe fallback font.
Set the font size, color and background color.
Adjust the padding and set the corner radius if required.
Enter the icon code number from the icon list.
Set the icon size, color and position from the top and right.
Enter the drop box heading if required.
Set its size and text align.
Set the drop down box font color and the background color.
Enter the drop down box text.
Set the box padding, text font size and line height.
Set the box shadow color and radius.
Uncheck the box to hide the drop down and bring the widget to the front of any items below it using the Arrange drop down menu.

These widgets are included in the More-2 widget pack.

Click To Drop - Text Content

Description

The styled header has an h1 HTML heading with the option of a choice of icon from the Font Awesome list.
The content box drops down when the header is clicked and has an h2 HTML heading and a paragraph.
Find out how to enter text as HTML and create line breaks etc.
The widget has a control to allow the box to remain open on the EverWeb design canvas for adding the content and setting the styles.
This control would normally be unchecked prior to publishing but can be left checked if a particular box is required to be open on page load.