EverWeb Codebox logo

EverWeb Widgetbox 3

Box Drop Image widget

Box Drop Centered Image

Box Drop Image Widget
Box Drop Image 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.
Select the image, enter alt text for SEO and adjust its size.
Enter the drop down box text.
Set its font size, color and background color.
Adjust the box padding and text 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

Clich Drop Box Centered Image

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 a centered, adjustable width image 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.