1 minute read

Image (img)


  • src – set image URL, for example “http://example.com/image.jpg”.
  • alt – set image description, for example: “Image with John” (recommended for SEO).
  • width – set image width, for example: “500”.
  • height – set image height, for example: “500”.
  • fancy_border – show fancy border, allowed values: “yes” or “no”.
  • frame – set optional frame for image, allowed values: “thin”, “thick”.
  • link – set URL of image, for example: “http://example.com/image.jpg”.
  • class – add a CSS class.
  • id – add an unique id.
  • style – add an inline style.

Exemplary usage:

[img src="http://example.com/image.jpg" alt="Image description" title="Image title" width="500" height="500" link="http://thememotive.com/" fancy_border="no" shape="square" frame="thick" id="" class="" style=""]

See also demo of image. In full download package (Dummy data/shortcodes-pages/image-features.html) you can find the file with shortcodes we used to create demo page.

Did you know...

You can use image element in drag and drop website builder (Visual Composer) and customize this element easily without coding skills. Parameters and design options are the same as in shortcode.