Image

Learn how to add and style image element in Dorik Builder

Image element is for adding any images in website. Please check following video for detailed example.

All major image formats are supported including JPG, PNG, GIF, SVG. Max image upload size is 2MB.

Open the editing modal of the Image by clicking on image controls.

General

In general tab, Upload or add link of the image. And change the size, filter and background of the image.

Upload custom image or paste the image link.

Image height & Width

Control image height, width, min width and height, max width and height and alignment. Click on ""Image Width & Height" Accordion.

Image Filter

It's possible add multiple filters on image. Here is the list of available filters

  • Hue

  • Saturation

  • Brightness

  • Contrast

  • Sepia

  • Greyscale

  • Invert

  • Opacity

  • Blur

Background

It's possible to add color, gradient or another image on background. But to see the background effect, the main image need to be transparent or have some paddings. The background option works like other element's background. Learn more about How to add / use background

Styles Tab

Common Styles used in styles tab. Control the settings in styles tab from common styles.

Advanced Tab