Joomla Templates Club 406,261 posts

[imamrevista Friend imamrevistaJoin date: September 2010Posts: 94Downloads:0Uploads:16 Thanks: 19 Thanked: 4 times in 1 posts]

#180931

Hello, I wonder how do I put links in the images of our services.
I tried the modules, but only found how to change the texts, images are not found in modules.

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#468037

Hello imamrevista,

Would you mind getting me a few screenshots for more clarifications? Then I shall know what you are trying to achieve.
Right now, I am quite not sure where to start.

Regards.

1 user says Thank You to Stork11 for this useful post

1. imamrevista

[imamrevista Friend imamrevistaJoin date: September 2010Posts: 94Downloads:0Uploads:16 Thanks: 19 Thanked: 4 times in 1 posts]

#468132

Hello Stork11

It is these images that I would like to insert link
I would like each image to take a page from a specific service.

Regards.

---

Attachments:

1. 

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#468178

<em>@imamrevista 339708 wrote:</em><blockquote>Hello Stork11

It is these images that I would like to insert link
I would like each image to take a page from a specific service.

Regards.

</blockquote>
Hello imamrevista,

Please edit content of “CMS” custom module. You can add “a” tag into each “li” tag.

Regards.

1 user says Thank You to Stork11 for this useful post

1. imamrevista

[imamrevista Friend imamrevistaJoin date: September 2010Posts: 94Downloads:0Uploads:16 Thanks: 19 Thanked: 4 times in 1 posts]

#468407

Hello Stork11,

I tried to put the tag in the list, it did not work, can you help me?

Regards.

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#468453

Hello imamrevista,

Can you PM me with your site information (your site URL, your site admin account) and your FTP account? So I can diagnose this problem.

BTW, please include this forum thread URL in your PM, so I can follow it.

Best regards.

1 user says Thank You to Stork11 for this useful post

1. imamrevista

[imamrevista Friend imamrevistaJoin date: September 2010Posts: 94Downloads:0Uploads:16 Thanks: 19 Thanked: 4 times in 1 posts]

#468510

Hello Stork11,

pm sent.

Regards.

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#468677

<em>@imamrevista 340192 wrote:</em><blockquote>Hello Stork11,

pm sent.

Regards.</blockquote>
Hello imamrevista,

You can only put anchor tag in “h4” tag. If you want to link to an URL even if user clicks on icon, you must add a javascript code into “div” tag. I added it for you on your first icon as below (notice “onclick” propery in “div” tag):

<div class=”has-icon icon1″ onclick=”location.href=’http://www.google.com.br'”>
<h4><a href=”http://www.google.com.br”>Joomla</a></h4>
<span>Lorem ipsum dolor sit amet consectetuer aliquet Morbi nec In Vivamus. </span></div>

I also added “cursor: pointer;” style for “ul.cms .has-icon”. It’ll show “hand” icon when user hovers mouse on “div”.

Regards.

1 user says Thank You to Stork11 for this useful post

1. imamrevista

[imamrevista Friend imamrevistaJoin date: September 2010Posts: 94Downloads:0Uploads:16 Thanks: 19 Thanked: 4 times in 1 posts]

#468784

Hello Stork11,

Could you tell me the path to this file? I tried to edit the html module, but the link does not work.

Thank you in advance for your help and time applied.

Regards.

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#468807

<em>@imamrevista 340599 wrote:</em><blockquote>Hello Stork11,

Could you tell me the path to this file? I tried to edit the html module, but the link does not work.

Thank you in advance for your help and time applied.

Regards.</blockquote>

You only need to change html module of 3 remaining icons to the same as first icon. I saw your html hasn’t changed anything. Here is yours current html code:

<ul class=”cms clearfix”>
<li>
<div class=”has-icon icon1″ onclick=”location.href=’http://www.google.com.br'”>
<h4><a href=”http://www.google.com.br”>Joomla</a></h4>
<span>Lorem ipsum dolor sit amet consectetuer aliquet Morbi nec In Vivamus. </span></div>
</li>
<li>
<div class=”has-icon icon2″>
<h4>Magento</h4>
<span>Lorem ipsum dolor sit amet consectetuer aliquet Morbi nec In Vivamus. </span></div>
</li>
<li>
<div class=”has-icon icon3″>
<h4>Drupal</h4>
<span>Lorem ipsum dolor sit amet consectetuer aliquet Morbi nec In Vivamus. </span></div>
</li>
<li>
<div class=”has-icon icon4″>
<h4>Wordpress</h4>
<span>Lorem ipsum dolor sit amet consectetuer aliquet Morbi nec In Vivamus. </span></div>
</li>
</ul>

Regards.

1 user says Thank You to Stork11 for this useful post

1. imamrevista

[imamrevista Friend imamrevistaJoin date: September 2010Posts: 94Downloads:0Uploads:16 Thanks: 19 Thanked: 4 times in 1 posts]

#468901

Hello Stork11,

Thx A Lot!

[Dean Howarth Friend Dean HowarthJoin date: September 2014Posts: 126Downloads:0Uploads:4 Thanks: 13]

#469362

Hi,

Can you show me the code to add the “hand” and where did you put his code?

Thanks so much

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#469367

<em>@deanandeva 341389 wrote:</em><blockquote>Hi,

Can you show me the code to add the “hand” and where did you put his code?

Thanks so much</blockquote>
Hello deanandeva,

Did you follow this thread? I said that:
<em>@Stork11 340476 wrote:</em><blockquote>
I also added “cursor: pointer;” style for “ul.cms .has-icon”. It’ll show “hand” icon when user hovers mouse on “div”.
</blockquote>

You can add that style into your “template.css” file of your template.

Regards.

[Author]

Posts