All for Joomla The Word of Web Design

We are Gravity. We are passionate about life. We love great work. read more

Shortcodes

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/gallery/2.jpg" alt="sample_1" width="250" height="250"/]

Image with rounded corners style


sample_1


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

Image in circle


sample_1


markup
[image style="uk-border-circle" src="/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.

sample_1
image caption


markup
[thumbnail_caption caption="image caption"]
[image style="" src="/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

Talk to us

085 888 5555