Zoom Up Image
The large image is zoomed up by clicking or tapping a CTA style link tab or a thumbnail image. It appears in the center of the browser window and is dismissed by clicking anywhere off the image.
The image is responsive and has a maximum width equal to the width of the actual image file. In other words, if the image is to have a maximum size of 1000px, it must be adjusted to that width before importing into EverWeb.
The width of the CTA link is adjust by dragging or using the Metrics inspector and its height using the value for TB Padding. The text can extend to two or more lines by using the HTML line break <br> to create returns.
The font can be web safe or non web safe or Google Hosted with a web safe fallback. The font size, color, hover color, background color and its opacity can all be adjusted.
There are controls for adjusting the top/bottom and left/right padding and the tab can have rounded corners and a border and/or box shadow.
The thumbnail image has a field to enter alt text for SEO, a checkbox to show the zoom icon, another checkbox to show the caption and a field to enter the caption.
The thumbnail image and the caption are contained in an HTML5 figure element which can be styled with a border and/or a box shadow.
The caption can use a web safe font or a non websafe or Google hosted font with a web safe fallback and can be styled for font size, color, background color and background opacity.