Open daily: 7:30 am to 11:00 pm

Shortcodes

If you can dream it, you can do it

Images

To create an image, use the image shortcode. You can use the [thumbnail_caption] shortcode to apply a caption under an image.

StyleDescription
uk-thumbnail creates a border around the image
uk-border-rounded creates an image with rounded corners
uk-border-circle creates an image which is round
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" src="images/demo/grid/4.jpg" alt="sample_1" width="250" height="250"/]

Image with rounded corners style


sample_1


markup
[image style="uk-border-rounded" src="images/demo/grid/4.jpg" alt="sample_1" width="250" height="250"/]

Image in circle


sample_1


markup
[image style="uk-border-circle" src="images/demo/grid/4.jpg" alt="sample_1" width="250" height="250"/]

Image with caption

You can use the [thumbnail_caption] shortcode to apply a caption under the image.

sample_1
image caption


markup
[thumbnail_caption caption="image caption"]
[image style="" src="images/demo/grid/4.jpg" alt="sample_1" width="275" height="182"/]
[/thumbnail_caption]

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

demo