Here's how to link the article intro images, on a category blog page for example, to its article like the article title or "Read more" links.
You may have to create some or all of the folders—html, layouts, joomla, and content—inside your template folder. Then simply control-drag intro_image.php into that folder.
Then, edit the code in that new override file by wrapping the image tag with:
<a href="/<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($displayData->slug, $displayData->catid)); ?>" itemprop="url"> </a>
<img /> tag will have a bunch of php code in the middle of it, so you have to figure out where the end is and place the closing anchor tag after that.
Joomla! 3 is in an awkward phase right now, in that they have integrated Bootstrap version 2, but Bootstrap has advanced to version 3 with such compelling improvements that it cannot be ignored. Everyone is aware of the problem and there are a wide variety of responses to it ranging from people who say we shouldn't buck the system and should use Bootstrap version 2 or we're asking for problems; all the way to people who say they are quitting Joomla for good because it is ruined; as well as various proposed solutions, most of which are not quite right and may lead to issues down the road.
I've researched, experimented, and tested. I've implemented the override solution successfully on 3 web sites. The solution is utterly simple:
To create the overrides, do as follows:
JHtml::stylesheet(Juri::base() . 'templates/cms/css/jui/bootstrap.min.css');
Please let me know if I got something wrong.
Read more here:
Here is my repository of resources—the best of the best. I'm putting them here for my convenience because I refer to them often. And if I find them so useful, you may too!