Page 12 of 24
Images
To create an image, use the image shortcode. You can use the [thumbnail_caption] shortcode to apply a caption under an image.
| Style | Description |
|---|---|
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
markup
[image style="uk-thumbnail" src="/web/images/demo/gallery/2.jpg" alt="sample_1" width="250" height="250"/]
Image with rounded corners style
markup
[image style="uk-border-rounded" src="/web/images/demo/gallery/2.jpg" alt="sample_1" width="250" height="250"/]
Image in circle
markup
[image style="uk-border-circle" src="/web/images/demo/gallery/2.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.
image caption
markup
[thumbnail_caption caption="image caption"] [image style="" src="/web/images/demo/gallery/2.jpg" alt="sample_1" width="250" height="250"/] [/thumbnail_caption]
You can view more examples and classes that you can use from here
