Shortcodes

Images

To create an image, use the image shortcode. You can add the uk-thumbnail-caption class to a <div> element to apply a caption under the image.

Style Description
uk-thumbnail creates a border around the image
uk-image-round creates an image with rounded corners
uk-thumbnail-caption Adds a caption to an image using a separate div
uk-thumbnail-expand Makes the image fill the entire width of the parent container


Image with thumbnail style

sample_1
markup
[image style="uk-thumbnail" url="images/demo/sample.jpg" title="sample_1" width="275" height="182" /]

Image with rounded corners style

sample_1
markup
[image style="uk-image-round" url="images/demo/sample.jpg" title="sample_1" width="275" height="182" /]

Image with caption

You can add the uk-thumbnail-caption class to a <div> element to apply a caption under the image.

sample_1
image caption

markup
<div class="uk-thumbnail">
   [image style="" url="images/demo/sample.jpg" title="sample_1" width="275" height="182" /]
   <div class="uk-thumbnail-caption">image caption</div>
</div>

You can view more examples and classes that you can use from here

Popup Widget

Lorem ipsum dolor sit amet sectetur elit Donec sit amet nibh dolor vivamus non arcu sanctus est penatibus et magnis dis parturient montes consectetur eleifend tempus. Cum sociis natoque penatibus et magnis orem ipsum dolor sit amet sectetur adipiscing elit

Popup B Widget

Lorem ipsum dolor sit amet sectetur elit Donec sit amet nibh dolor vivamus non arcu sanctus est penatibus et magnis dis parturient montes consectetur eleifend tempus. Cum sociis natoque penatibus et magnis orem ipsum dolor sit amet sectetur adipiscing elit

Popup C Widget

Lorem ipsum dolor sit amet sectetur elit Donec sit amet nibh dolor vivamus non arcu sanctus est penatibus et magnis dis parturient montes consectetur eleifend tempus. Cum sociis natoque penatibus et magnis orem ipsum dolor sit amet sectetur adipiscing elit

Lorem ipsum dolor sit amet sectetur elit Donec sit amet nibh dolor vivamus non arcu sanctus est penatibus et magnis dis parturient montes consectetur eleifend tempus. Cum sociis natoque penatibus et magnis orem ipsum dolor sit amet sectetur adipiscing elit