Joomla Templates Club 406,261 posts

[Kevin Collins Friend Kevin CollinsJoin date: September 2014Posts: 54Downloads:0Uploads:1 Thanks: 5]

#187088

<div class=”has-icon icon1″> has a roll over state but how do I make it a link as well?

This is the icons on the home page in User 1 position.

Full code for first icon below.

<ul class=”cms clearfix”>
<li>
<div class=”has-icon icon1″>
<h4><a href=”bike-reservations”>Rentals</a></h4>
<a href=”bike-reservations”><span>Book your Road or Mountain Bike Online. </span></a></div>
</li>
<li>

Thanks

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#491251

Hi teleactive1,

Indeed, the icons are the background image of classes (has-icon icon1,2,3.4). If you put links into these icons, the hover effect will be removed (The colored image appears when pointer moves over). Because, I can insert link into a normal image, not background.

Anyway, in order to put link into these icons (images), you need:
1. Remove all class=”has-icon icon1,2,3,4″ in HTML format of Custom HTML module (user1 position).
2. Put your linked image before topic’s titles link my attached snapshot.
3. You need to style your own css in template/ja_zite/css/template.css, because the front-end will be changed after using normal image with links, instead of image background.

Leo

---

Attachments:

1. 
2. 

[Author]

Posts