Image widget helps you to design your website or page more stylish. It is necessary to design your page/website more gorgeous in that way so that the website/page can attract the user.
Step 1: #
Select the image widget from the crazy elements(page builder) from the left side of the menu bar from your screen then drag and drop it in the selected area.
Step 2: #
After dropping the selected area it will automatically take you to the content tab. In the content tab you will find options to edit your image. You can choose an image, edit the image title, size, caption link and can align the header left, right and center.
Step 3: #
In the style tab you get the options to design your image. Here you can change the image width, can give hover effect, opacity, css filters, border radius, box shadow.
Step 4: #
In the Advanced tab you add the margin, padding, Z-Index, CSS (Id, Class) motion effects, Background, Border, Responsive and others.
After left clicking on the background you will get two tabs Normal and Hoover. Here you can edit your image in two ways: classic or gradient. In both ways you can add background image, color, location, link, type(linear, radial) angle.
In the Border tab you can edit the border of your image in two modes(Normal, Hover). In both modes you will get the different types of border options(Solid, Double, Dotted, Dashed, Groove) and you can give the border radius, box shadow(horizontal, vertical, blur, spread and the position(inline and outline)). You can also add custom positioning, responsive and custom css.
Video Tutorial #
