Portfolio parallax link images

2 replies·opened Jun 28, 2018

wildeJun 28, 2018

Hello Canvas team!

I'm using using the parallax portfolio page and I was wondering how to add a hyperlink to the image (not only the text).

Thanks!

<section id="content">
<div class="content-wrap nopadding">
<div id="portfolio" class="portfolio portfolio-parallax clearfix">
<article class="portfolio-item">
<div class="portfolio-image" style="background-image: url('images/img.jpg');" data-bottom-top="background-position:0px 0px;" data-top-bottom="background-position:0px 0px;"><div class="portfolio-overlay" href="link.html"></div></div>
<div class="portfolio-desc">
<h2><a href="the-power-of-now.html" class="t700">TITLE</a></h2>
<div class="portfolio-divider"><div></div></div>
</div>
</article>
</div>
</div>
</section>

SemiColonWebSTAFFJul 3, 2018

Hello,

This is Definitely Possible. Simply consider using the following Code:

<article class="portfolio-item pf-media pf-icons">
	<div class="portfolio-image" style="background-image: url('images/portfolio/parallax/1.jpg');" data-bottom-top="background-position:0px 300px;" data-top-bottom="background-position:0px -300px;"><div class="portfolio-overlay"></div></div>
	<a href="#" style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;"></a>
	<div class="portfolio-desc">
		<h3><a href="portfolio-single.html">Open Imagination</a></h3>
		<span><a href="#">Media</a>, <a href="#">Icons</a></span>
		<div class="portfolio-divider"><div></div></div>
	</div>
</article>

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.

wildeJul 4, 2018

Thanks!

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