Canvas Support

Portfolio - Click to Enlarge.

3 replies · opened Oct 1, 2019

IIdeodomikiOct 1, 2019

I like the overlay effect,and the icon on the center.

Still,I would like to be able to click ANYWHERE on the square to enlarge the image/gallerie.

This is how my code is written


							
								
									
										
											
![attachment](images/portfolio/abc.jpg)
											
										
									
								
								
                                    [](images/portfolio/x.jpg)
                                    [](images/portfolio/y.jpg)
                                    [](images/portfolio/z.jpg)
								
							
							
								Header Name
								Place | 2019
SSemicolon WebSTAFFOct 2, 2019

Hello,

Consider using the following Code for the Portfolio Items: 


	
		
			
				
					
![attachment](images/portfolio/abc.jpg)

				
			
		
		
			[](images/portfolio/x.jpg)
			[](images/portfolio/y.jpg)
			[](images/portfolio/z.jpg)
		
		[](images/portfolio/abc.jpg)
	
	
		Header Name
		Place | 2019

and then use the following CSS code: 

.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.

IIdeodomikiOct 3, 2019

I've used this code before. Didn't match my needs.

I want THE GALLERY to show up after the click. If I use the code you suggest I can only display ONE picture.

SSemicolon WebSTAFFOct 4, 2019

Hello,

The Functionality you are seeking is also possible. Consider using the following code: 


    
        
            
                
                    
![attachment](images/portfolio/abc.jpg)

                
            
        
        
            [](images/portfolio/x.jpg)
            [](images/portfolio/y.jpg)
            [](images/portfolio/z.jpg)
        
        [](images/portfolio/abc.jpg)
    
    
        Header Name
        Place | 2019

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