Canvas Support

Clickable portfolio images

4 replies · opened Mar 25, 2019

WwildeMar 25, 2019

Hi!

I would like to make my portfolio images clickable, but can't seem to make it work. Only when I remove portfolio overlay..

Thanks in advance!

SSemicolon WebSTAFFMar 26, 2019

Hello,

Consider using the following Code for the Portfolio Items: 


	
		[
			
![attachment](images/projects/Bathhouse.jpg)

		](villas-vinkeveen.html)
		
			
				[(BATH)HOUSE](bathhouse.html)
				Private House
			
		
		[]({your-link-here})

and then use the following CSS code: 

.portfolio-overlay-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

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.

WwildeMar 27, 2019

Hi again,

Thanks for the swift reply.
I have tried it, but it seems that it is not working.
I have added a portfolioitem the way you described (the first one on the page).
Can you check it for me?

Thanks!

SSemicolon WebSTAFFMar 31, 2019

Hello,

Thanks for reporting this to us! Consider using the following updated CSS:

.portfolio-overlay-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: 3;
}

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.

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