EverWeb Widgets

PostCard Gallery

PostCard Images

The postcard can have four thumbnail images as show which need to be sized correctly and chosen in the correct order.
The images used in this example are sized as follows…
Full Thumb: 600px X 600px
Half Thumb: 600px X 300px
Quarter Thumbs: 300px X 300px
The full sized images are 2000px wide and of varying height and should preferably have a landscape aspect ratio.
The postcard caption is optional and can use a Google hosted font if required.

Postcard CalleryLightbox SlideshowFull Width ResponsiveOptional Postcard Caption
Postcard Gallery
Postcard Gallery Widget

Widget Settings

For a full width, responsive postcard, check the "Full width" box in the Metrics inspector and set the max width.
Choose the thumbnail images in the order set out in the widget settings.
Check the box to add a caption if required and enter it.
Choose the full size images and add their captions.
Set the container padding, border width and color, box shadow radius and color and the background color if required.
If the postcard caption has been added, enter the font family name, check the box if it is Google hosted and choose a suitable web safe fallback font.
Set the font size, color, style, weight and text align.

More?

If two or more widgets are added to the page, all the full size images will appear in the lighbox slider.
In this case it should be obvious that the full width setting cannot be used.
The lightbox slider can be navigated by swiping on touch devices and the previous/next arrows will disappear when used on the smart phone version of the website.

Postcard Gallery

This widget is included in the Album & Gallery widget pack.

EverWeb Widgets
© Roddy McKay - 2016
All Rights Reserved