Image

gravatar
By admin
 · 
September 18, 2018
 · 
2 min read
Alignment

The alignment of image can be changed easily,
to left, center or right, the caption will move too.

placeholder
Image Caption
placeholder
Image Caption
placeholder
Image Caption
Link To

Change easily the link of the media by enlarging
to a large lightbox or to an external URL.


placeholder
Link to Lightbox

placeholder
External URL
Custom Width

The width is easily changeable, two sliders are available,
where you can change the width or the max width of image.

Image Caption
Image Style

A variety of CSS filters can be used, for example
blur, brightness, saturation and much more.

placeholder
Opacity (0.5)
placeholder
Blur
placeholder
Brightness
placeholder
Contrast
placeholder
Saturation​
placeholder
Hue
Image Hover

CSS Filters can be applied differently
when you mouseover to an image.

placeholder
Opacity (0.5)
placeholder
Blur
placeholder
Brightness
Image Hover Animation

More than 30 hover animations can be chosen,
for the animation of the image on mouseover.

placeholder
Grow
placeholder
Pulse
placeholder
Rotate
Border Types

Variety of border types can be applied for each image
differently, also the size can be changed for each corner.

placeholder
Solid
placeholder
Double
placeholder
Dashed
placeholder
Dotted
Custom Border Width

The border width can be easily enhanced for each
corner differently, or you can link them all together.

placeholder
placeholder
placeholder

Custom Border Color

The border properties doesn't end here, the
color can be changed from a great color picker.

placeholder
placeholder
placeholder

Custom Radius Size

The angles of the borders can be curved to a different 
radius for each border alone or together as one.

placeholder
placeholder
placeholder

Custom Box Shadow

The box shadow can be combined with all the
perspective properties like blur, spread and lines.

placeholder
placeholder
placeholder

Caption Alignment

The angles of the borders can be curved to a different 
radius for each border alone or together as one.

placeholder
Caption on the left.
placeholder
Caption on the center.
placeholder
Caption with justify as alignment.
placeholder
Caption on the right.
Caption Color

Change the color of captions easy and
combine it with different alignments.

placeholder
Lorem ipsum dolor.
placeholder
Lorem ipsum dolor.
placeholder
Lorem ipsum dolor.
Caption Custom Typography

Change the font family from more than 600 google fonts, or other 
font properties like letter spacing, line-height and much more. 

placeholder
Lorem ipsum dolor.
placeholder
Lorem ipsum dolor.
placeholder
Lorem ipsum dolor.
Caption Custom Spacing

Add easily custom spacing between the image
and the caption, examples are 10, 20 and 30.

placeholder
Lorem ipsum dolor.
placeholder
Lorem ipsum dolor.
placeholder
Lorem ipsum dolor.
View