Canvas Support

Is it possible to add a button to a lightbox image

2 replies·opened Jul 11, 2016
G
gungumJul 11, 2016

On the lightbox image, I would like to add a button to view live website. Please help which code I can use! Thanks in advance!

G
gungumJul 11, 2016
<article class="portfolio-item pf-psd pf-bootstrap">
	<div class="portfolio-image">
		<a href="portfolio-single.html">
			<img src="images/portfolio/custom/1.jpg" alt="Headlines" />
		</a>
		<div class="portfolio-overlay">
			<div class="portfolio-desc">
				<h3><a href="portfolio-single.html">Headlines</a></h3>
				<span><a href="#">PSD to HTML</a>, <a href="#">Bootstrap</a></span>
			</div>
			<a href="images/portfolio/full/1.jpg"><i class="icon-line-plus"></i></a>
		</div>
	</div>
</article>
S
SemiColonWebSTAFFJul 13, 2016

Hello,

In order to insert a Button inside the Lightbox with Image, you will need to change the Markup Code for the Lightbox. Please consider using this Example: http://dimsemenov.com/plugins/magnific-popup/documentation.html#image-type . You can simply add your Button Code inside the markup Option.

This will definitely work fine. 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