Joshua-M
I need to give the link on the image. I have used the following:
I have added below CSS code to additioinal CSS file.
#ctp:hover {
content: url('/wp-content/uploads/2018/08/CTP.png');
}
#dofe:hover {
content: url('/wp-content/uploads/2018/08/Dofe.png');
}
The HTML code:
<h2 style="text-align: center; padding-bottom: 20px; padding-top: 30px;">Featured Programs</h2>
<div class="gk-columns" data-column-count="2">
<div style="text-align: center; display: inline-block; padding-top: 20px;">
<a href="https://syaxe.com/critical-to-progress/"><img id="ctp" src="/wp-content/uploads/2018/08/CTP_gray.png" alt="" width="300" height="96" /></a>
</div>
<div style="text-align: center; display: inline-block;"><a href="https://syaxe.com/dynamics-of-entrepreneurship/"><img id="dofe" src="/wp-content/uploads/2018/08/Dofe_gray.png" alt="" width="300" height="96" /></a></div>
</div>
Kindly advise me to make the changes in the same way to work in all the browsers
