Circle Image Link Grid

The image grid turns square image round. Each image has options for an overlay caption and a link. Since this is a CSS grid layout the number of images per row and the spacing between the images and around the grid can be adjusted.
Images
The images should be cropped square befor importing into EverWeb. The image used in this demo are 400px x 400px. Each image has an alt text attribute to add keywords for the search engines.
The images can have a border and/or a box shadow.
Overlay
The overlay has controls for adjusting the color with opacity sliders for both computers and touch device. The overlay and its contents can show on hover when viewed on computers if required.
Overlay Content
There are options to add captions and/or links. The links can open internal or external pages and have a new windwo option.
The links can be set up in two different ways …
[1] If all the links are to have the same text it can be added as a CSS pseudo element and only has to be entered once.
[2] By checking a box, link text can be entered for each item individually in the Assets List.
Note: The links in the example use the universal text for "Read More …" entered once as a pseudo element which would be used when the widget is creating a list of blog entries.