Gallery, Overlay, Lightbox

3 replies · opened Jul 16, 2022

PpesaindonJul 16, 2022

Hi,

I'm trying to combine things. I like the the 4 column gallery on https://themes.semicolonweb.com/html/canvas/gallery.html but want to combine it with an overlay containing the two buttons like first image "Open Imagination" has on https://themes.semicolonweb.com/html/canvas/portfolio-2.html. Then when user hovers and clicks + it opens the lightbox containing all the gallery images and when the ... more button is clicked it brings you to a different page.

Any help would be great because I can not get these to work together.

SSemicolon WebSTAFFJul 18, 2022

Hello,

This is Definitely Possible!

Consider using the following code:
[ch_pre]

attachment

				[](images/portfolio/full/1.jpg)
				[](portfolio-single.html)
			
			
		
		
	


...

[/ch_pre]

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.

PpesaindonJul 19, 2022

Hi, I have decided to use just straight portfolio (4 items 2 rows). I was looking to have all portfolio images (8) appear in the lightbox so user can click through them, but for some reason it only shows one image in the lightbox.

This is what I have (see attached). Definitly know I'm missing something or have something out of place. Any help greatly appreiciated.

Thank You,
Paul

SSemicolon WebSTAFFJul 19, 2022

Hello,

Simply replace data-lightbox="image" to data-lightbox="gallery-item" in order to convert the entire Portfolio into a Gallery.

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