Canvas Support

how to insert link on team image

2 replies · opened Sep 21, 2020

FfivepointsSep 21, 2020

hi,
I would like to insert a link on the images of the team (for Yoga One Page template)
I use:


  
    [
![attachment](one-page/images/team/1.jpg)
](https://www.galvanotecnicagt.it/contatti.html)
    
      
      
    
  

  [John Doe](https://www.galvanotecnicagt.it/contatti.html)CEO

but the link isn't clickable.

a test page is here: https://www.galvanotecnicagt.it/test
user: galvanotecnicagt
password: F@iWz@55

I've inserted a link on John Doe example image but the mouse can't click.

How can I solve? thanks
nicola

item details

Item ID:
9228123

Item Purchase Code:
ff3e0c12-f163-4b09-9267-00007e3c4cfb

Purchase Date:
2020-09-21 14:45:06 UTC

SSemicolon WebSTAFFSep 21, 2020

Hello,

This is Definitely Possible!

Consider using this code:

<div class="team">
	<div class="team-image">
		<img src="one-page/images/team/1.jpg" alt="John Doe">
		<div class="bg-overlay">
			<div class="bg-overlay-content align-items-end" data-hover-animate="fadeIn" data-hover-speed="400">
				<a href="https://www.galvanotecnicagt.it/contatti.html" class="d-block position-absolute w-100 h-100" style="top: 0; left: 0;">
					<span class="sr-only">Team Link</span>
				</a>
			</div>
			<div class="bg-overlay-bg" data-hover-animate="fadeIn" data-hover-speed="400"></div>
		</div>
	</div>
	<div class="team-desc team-desc-bg">
		<div class="team-title"><h4>John Doe</h4><span>CEO</span></div>
	</div>
</div>

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

FfivepointsSep 22, 2020

thanks, now it works

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard