Parallax and Individual pages

[tjimenez]

Is it possible to have both parallax and have for example a portfolio image link open in a new page, instead of a lightbox effect?

---

[Support]

Hello, I’m sorry, but I’m not sure I understand the question. Would you like to add images above parallax?

If so, please try this:

<section class="parallax" data-stellar-background-ratio="0.5" style="background-image: url(img/parallax.jpg);">
	<div class="container">
		<div class="row center">
			<div class="col-md-12">

				<ul class="portfolio-list">
					<li class="col-md-3 col-xs-6">
						<div class="portfolio-item thumbnail">
							<a href="portfolio-single-project.html" class="thumb-info">
								<img alt="" class="img-responsive" src="img/projects/project.jpg">
								<span class="thumb-info-title">
									<span class="thumb-info-inner">SEO</span>
									<span class="thumb-info-type">Website</span>
								</span>
								<span class="thumb-info-action">
									<span title="Universal" class="thumb-info-action-icon"><i class="fa fa-link"></i></span>
								</span>
							</a>
						</div>
					</li>
					<li class="col-md-3 col-xs-6">
						<div class="portfolio-item thumbnail">
							<a href="portfolio-single-project.html" class="thumb-info">
								<img alt="" class="img-responsive" src="img/projects/project-1.jpg">
								<span class="thumb-info-title">
									<span class="thumb-info-inner">Okler</span>
									<span class="thumb-info-type">Brand</span>
								</span>
								<span class="thumb-info-action">
									<span title="Universal" class="thumb-info-action-icon"><i class="fa fa-link"></i></span>
								</span>
							</a>
						</div>
					</li>
					<li class="col-md-3 col-xs-6">
						<div class="portfolio-item thumbnail">
							<a href="portfolio-single-project.html" class="thumb-info">
								<img alt="" class="img-responsive" src="img/projects/project-2.jpg">
								<span class="thumb-info-title">
									<span class="thumb-info-inner">The Fly</span>
									<span class="thumb-info-type">Logo</span>
								</span>
								<span class="thumb-info-action">
									<span title="Universal" class="thumb-info-action-icon"><i class="fa fa-link"></i></span>
								</span>
							</a>
						</div>
					</li>
					<li class="col-md-3 col-xs-6">
						<div class="portfolio-item thumbnail">
							<a href="portfolio-single-project.html" class="thumb-info">
								<img alt="" class="img-responsive" src="img/projects/project-3.jpg">
								<span class="thumb-info-title">
									<span class="thumb-info-inner">The Code</span>
									<span class="thumb-info-type">Website</span>
								</span>
								<span class="thumb-info-action">
									<span title="Universal" class="thumb-info-action-icon"><i class="fa fa-link"></i></span>
								</span>
							</a>
						</div>
					</li>
				</ul>
			
			</div>
		</div>
	</div>
</section>

Let me know if you have any questions.

Thanks.

---

[tjimenez]

I appreciate the reply! Sorry if my question was unclear, what I’m looking to do is have a parallax scrolling site (index-one-page), but have for example, links in the “Latest Projects” to open in a new page, instead of a lightbox type of popup. Is that possible?

Thank you!

---

[Support]

Hello, sure, please check this screenshot:

As you can see, you just need to change the link:

FROM:

<a class="thumb-info lightbox" href="#popupProject" data-plugin-options='{"type":"inline", preloader: false}'>

TO:

<a class="thumb-info" href="link-to-project.html">

Let me know if you have any questions.

Thanks.

---

[tjimenez]

Thank you very much!!! This is exactly what I wanted to do.

---

[Author]

Posts