Joomla Templates Club 406,261 posts

[thevisionboard Friend thevisionboardJoin date: October 2010Posts: 10Downloads:13Uploads:0 Thanked: 3 times in 2 posts]

#182832

I would like to create a link on the actual icons how do I go about this?

<li>
<div class=”has-icon icon1″>
<h4><a href=”xprocures-eprocurement-and-media-solutions”>Products</a>
</h4><span>Our Technology! </span>
</div></li>

Thanking you in advance…

Regards
Paul vd Merwe

[thevisionboard Friend thevisionboardJoin date: October 2010Posts: 10Downloads:13Uploads:0 Thanked: 3 times in 2 posts]

#475231

Figured it out!

Changed the code in the module:

<li>
<div class=”has-icon icon1″ onclick=”window.open(‘xprocures-eprocurement-and-media-solutions’,’_parent’);”>
<h4><a href=”xprocures-eprocurement-and-media-solutions”>Products</a>
</h4><span>Our Technology! </span>
</div></li>

And altered the template.css file:

}

ul.cms .has-icon.icon1:hover,mobile
ul.cms .has-icon.icon1:focus,
ul.cms .has-icon.icon1:active{
background-image: url(../images/products-hover.png) !important;
cursor: pointer;
}

Hope this helps anyone…

Regards
Paul vd Merwe

1 user says Thank You to thevisionboard for this useful post

1. JA Developer

[Author]

Posts