If you have added an image by mistake, just highlight it in the list and press the backspace key to delete it.Īs you add images to the Assets List, the widget will update. You can reorder images in the Assets List just by drag and dropping the image file name to its new location. Your visitor has to click on the thumbnail to see the image behind it. The optimised thumbnail displays the thumbnail instead of the image.

Set a Maximum display width for the image within the widget by setting the Maximum Width field.Īdd an optimised thumbnail by clicking on the ‘Optimized Thumbnail’s ‘Choose…’ button. You can add the following options to a selected image in the widget’s Assets List:Īdd a Caption to an image by filling in the caption box. As you add image files you will see them listed in the widget’s Assets List and the images will be added to the widget in the editor window. Use the ‘Choose…’ button beneath the Assets List to add images to the widget. With the widget on the page, first add some image files. You can also drag and drop the widget into a Responsive Row widget if you want to add top and bottom padding. To use the Responsive Image Gallery widget drag and drop it on to a responsive page. Here are some of the gallery layouts that are available with the Responsive Image Gallery widget You can also use the regular Image Gallery widget in a responsive page, but it has to be placed within a responsive row widget and it does not include the responsive capabilities of the Responsive Image Gallery widget. EverWeb’s Responsive Image Gallery widget is specifically designed for use in responsive pages.

Everweb codebox responsive image