Media

Before / After

Two images compared with a handle that slides between them.

Setting	Type	Default	Details
Before image	Image	—
After image	Image	—	Use two images of the same size.
Before label	Text	Before
After label	Text	After
Direction	List	Side by side	Choices: Side by side · Top and bottom.
Starting position	Number	50
Image size	List	Large	Choices: Medium large · Large · Full size.

Setting	Type	Default	Details
Handle color	Color	—

Images in a grid or masonry layout, opening in a lightbox.

Setting	Type	Default	Details
Images	Images	—
Layout	List	Grid	Choices: Grid · Masonry.
Columns	Number	—	Empty: 4 on desktop, 3 on tablet, 2 on mobile. Per device.
Space between images	Number	—	Per device.
Image shape	List	Square	Choices: Original · Square · 4:3 · 3:2 · 16:9 · Portrait 3:4.
Image size	List	Medium large	Choices: Thumbnail · Medium · Medium large · Large · Full size.
Clicking an image	List	Opens it in a lightbox	Choices: Opens it in a lightbox · Opens the image file · Opens its attachment page · Does nothing.
Captions	List	Hidden	Choices: Hidden · Below the image · Over the image on hover.
Hover effect	List	Zoom in	Choices: None · Zoom in · Color on hover · Darken.

One image, with a caption, a link or a lightbox.

Setting	Type	Default	Details
Image	Image	—
Image size	List	Large	Choices: Thumbnail · Medium · Large · Full size.
Alternative text	Text	—	Empty uses the text saved in the media library.
Caption	Text	—
Link to	List	Nothing	Choices: Nothing · The image in a lightbox · The image file · A web address.
Web address	Address	—
Open in a new tab	On / off	Off
Alignment	List	—	Per device. Choices: Default · Start · Center · End.

Setting	Type	Default	Details
Maximum width	Number	—	Per device.

A Lottie animation, played on load, on scroll, on hover or on click.

Setting	Type	Default	Details
Animation file (.json)	File	—	Upload a Lottie .json file, or enter its address below.
Or the file's address	Address	—	Must be on this site or on a server that allows loading from it.
Play	List	As soon as the page loads	Choices: As soon as the page loads · When it scrolls into view · While the pointer is over it · On click · Along with page scrolling.
Loop	On / off	On
Speed	Number	1
Play backwards	On / off	Off
Description	Text	—	Read by screen readers. Empty: the animation is treated as decoration.
Link	Address	—
Width	Number	—	Per device.
Alignment	List	—	Per device. Choices: Default (center) · Start · Center · End.

A map with several markers and popups (OpenStreetMap by default).

Setting	Type	Default	Details
Center latitude	Text	35.6997
Center longitude	Text	51.3380
Zoom	Number	14	With two or more markers the map zooms to fit them all.
Markers	Items	—	Empty coordinates put the marker at the map center. Each item: Latitude, Longitude, Title, Text in the popup.
Marker image	Image	—	Optional. Empty uses the standard pin.
Marker image width	Number	40
Open the first popup at start	On / off	Off
Zoom with the mouse wheel	On / off	Off
Drag with one finger on touch screens	On / off	Off	Off: visitors scroll the page past the map and move it with the zoom buttons.
Map colors	List	Normal	Choices: Normal · Gray · Dark.
Map title	Text	Map	Read by screen readers.
Height	Number	—	Empty: 400 px. Per device.

A map of one place on OpenStreetMap, or an embed code from another map service.

Setting	Type	Default	Details
Map	List	OpenStreetMap, by coordinates	Choices: OpenStreetMap, by coordinates · Embed code from another map service.
Latitude	Text	35.6997
Longitude	Text	51.3380	Find a place on openstreetmap.org and copy the numbers from the page address.
Zoom	Number	15
Marker at the point	On / off	On
Embed code or map address	Code	—	Paste the iframe code from Neshan, Balad, Google Maps or another service, or just its address. Only the map address is kept.
Map title	Text	Map	Read by screen readers.
Height	Number	—	Empty: 400 px. Per device.

An image with a title and text over or under it.

Setting	Type	Default	Details
Image	Image	—
Title	Text	Photo box
Title HTML tag	List	H4	Choices: H3 · H4 · H5 · H6 · Paragraph.
Text	Long text	—
Link	Address	—
Open in a new tab	On / off	Off
Alignment	List	—	Per device. Choices: Default (center) · Start · Center · End.
Image effect	List	None	Choices: None · Zoom on hover · Black and white, color on hover.

A video from Aparat, YouTube, Vimeo or a file.

Setting	Type	Default	Details
Source	List	Media library or file address	Choices: Media library or file address · Aparat · YouTube · Vimeo.
Video file	File	—	MP4 or WebM.
Video link	Text	—	The video's page address, or just its id.
Video title	Text	Video	Read by screen readers.
Cover image	Image	—	Shown until the video plays. Without one, Aparat, YouTube and Vimeo videos show a plain panel with a play button, so nothing loads from those sites before the visitor presses play.
Shape	List	16:9	Choices: 16:9 · 21:9 · 4:3 · Square · Vertical 9:16.
Start at (seconds)	Number	—	Not supported by Aparat.
Play automatically, without sound	On / off	Off
Loop	On / off	Off
Player controls	On / off	On

Setting	Type	Default	Details
Play button color	Color	—

An image that zooms on hover, with a title and text over it.

Setting	Type	Default	Details
Image	Image	—
Title	Text	Zoom box
Text	Long text	—
Link to	List	A web address	Choices: A web address · The image in a lightbox · Nothing.
Web address	Address	—
Open in a new tab	On / off	Off
Show the text	List	On hover	Choices: On hover · Always.
Text position	List	Center	Choices: Center · Bottom.
Zoom	List	Medium	Choices: None · Subtle · Medium · Strong.
Shape	List	Original	Choices: Original · Square · 4:3 · 16:9 · Portrait 3:4.

Setting	Type	Default	Details
Overlay color	Color	—