UIKIT e Joomla 3 come allargare l'immagine al click del mouse

[spendy]

Ciao a tutti,
sono nuovo ed imbranato, quindi abbiate pazienza se questo non è il posto giusto per il mio problema.
Come da titolo sto lavorando con un template joomla commerciale che utilizza UIKIT. Nel mio caso ho la necessità di allargare l'immagine inserita in un articolo dopo averla cliccata (vedi allegato). L'articolo è impostato, solo che non riesco a capire dove insereire il codice suggerito da UIKIT(<a href="my-image.jpg" data-uk-lightbox title="">...</a>) per ottenere il risultato desiderato. Ho navigato il sito UIKIT ma la fanno facile loro.
Il codice è il seguente:

<p class="uk-article-lead">Take a moment to view some of our latest work.</p>
<h2>xxxx</h2>
<p><span class="tm-dropcap">J</span>azz Fuga #1, composed by <a href="http://www.xxxxxx.com">xxxxx</a></p>
<div class="uk-grid">
<div class="uk-width-1-2">
<div class="uk-overlay"><img title="xxxx" src="images/works/xxxx.png" alt="xxxx" width="190" height="80" />
<div class="uk-overlay-area"> </div>
</div>
<div class="uk-thumbnail-caption"> </div>
</div>
<div class="uk-width-1-2">
<div class="uk-overlay"><img title="xxxxx" src="images/works/xxxxx.png" alt="Jazz_Fuga1" width="190" height="80" />
<div class="uk-overlay-area"> </div>
</div>
</div>
</div>

Confido in voi

Grazie