Image Frame

An image with an optional circle or boxed frame, and a click action to open a URL or a lightbox.

Image Frame displays a single image with an optional decorative frame, and lets you make it clickable, either linking to a URL or opening a full-size lightbox preview.

The same image shown without a frame, with a circle frame, and with a boxed frame

Add it

In WPBakery, click Add Element and pick Image Frame from the Highend Shortcodes category. Or use the shortcode. See Shortcode.

Settings

ImageImageurl

The image to display.

Image Border StyleSelectDefault: Without frameborder_style

Options: Without frame, Circle frame, Boxed frame, Boxed frame with hover (adds a plus-sign overlay on hover).

On Click ActionSelectDefault: Do nothingaction

Options: Do nothing, Open lightbox, Open url in same tab.

URL LinkTextlink

Where the image links to. Only takes effect when On Click Action is Open url in same tab; include the https:// prefix.

Image CaptionTextimage_caption

Caption shown under the image in the lightbox. Only used when On Click Action is Open lightbox.

Gallery REL attributeTextrel

Give several Image Frame elements the same value here (for example my-gallery) to group them into one lightbox gallery, so visitors can step through them with next/previous arrows. Leave empty and each image opens on its own.

Common settings

Image Frame also has Entrance Animation, Entrance Delay, and Extra class name fields. See the Elements overview.

Shortcode

[image_frame url="123" border_style="circle-frame" action="open-lightbox" image_caption="Our downtown office"]

url accepts an attachment ID or a full image URL.

Lightbox needs a module

Open lightbox relies on the theme's Inbuilt PrettyPhoto/Lightbox Style module (on by default) under HighendHighend OptionsHighend Modules.

On this page