Event Image Widget

Use the widget to add desired images to your events. 

Content

Image

event image widget

Image Resolution: Choose the needed image resolution from the dropdown.

Alignment: Choose between left, center and right image alignment for widescreen, desktop, tablet portrait and mobile portrait views.

Fallback Image: Set the needed fallback image, i.e. a default image that is used when the primary image cannot be loaded on a webpage.

Image Link: Choose where the image should  link. You can set None if you don’t need any link, Post to make your image link to an open post, Media to link to media file and Custom to add custom URL.

Caption: Choose desired setting form a dropdown.

Object Fit: Choose desired setting form a dropdown.

Image Overlay: Slide to YES to enable Image overlay

Style

Image

Width: Set the image width for widescreen, desktop, tablet portrait and mobile portrait views.

Max Width (%): Set the image max width for widescreen, desktop, tablet portrait and mobile portrait views.

Background Color: Set desired image background color (for Normal and Hover modes).

Opacity: Set the image opacity (for Normal and Hover modes).

Box Shadow: Use settings form the dropdown to set a box shadow (for Normal and Hover modes).

CSS Filters: Use settings form the dropdown. Here you can set image blur, brightness, contrast and saturation.

Border Type: Choose image border type from the dropdown and set it. 

Border Radius: Set image border radius for widescreen, desktop, tablet portrait and mobile portrait views.

Padding: Set paddings for widescreen, desktop, tablet portrait and mobile portrait views.

Image Overlay

Background Type: Choose between Classic and Gradient background type and set it (for Normal and Hover modes).

Blend Mode: Choose desired setting form the dropdown. 

Advanced

Set the Advanced options that are applicable to this widget