IMAGE BLOCK

Select Image

Choose an image from media library.

Image Alt

The alt attribute provides alternative information for an image if a user for some reason cannot view it.

Alternative Text

Size

Image size settings.

Object Fit

Choose how image resize to fit its container

Orginal Image

without-object-fit

Image with height 100%

object-fit-cover

Object Fit Cover

object-fit-contain

Object Fit Contain

Object Position

Position of image in <img> box.

object-position-top
object-position-top
object-position-center
object-position-bottom
Width

Width of image in pixel or percent.

Max Width

Max Width of image in pixel or percent.

Height

Height of image in pixel or percent.

Max Height

Max Height of image in pixel or percent.

Overlay

Image can have an overlay. Overlay can be a solid color or a gradient.

Overlay Color

Choose color of image ovrlay

Overlay Gradient

Select gradient as image overlay

Overlay Opacity

Chose opacity of image overlay in percent (0, 25, 50, 100)

Border

Image can have a border.

Color

Choose color of border

Radius

Choose border radius in pixel or percent.

Width

Choose border width