gallery overlay description

Hello,

You can consider using the following code:

	[
![attachment](images/portfolio/2/1.jpg)

		
			
				World
				
					14th Sep 2014
				
			
		
	](images/portfolio/full/1.jpg)
	[
![attachment](images/portfolio/2/2.jpg)
](images/portfolio/full/2.jpg)
	[
![attachment](images/portfolio/2/3.jpg)
](images/portfolio/full/3.jpg)
	[
![attachment](images/portfolio/2/4.jpg)
](images/portfolio/full/4.jpg)
	[
![attachment](images/portfolio/2/5.jpg)
](images/portfolio/full/5.jpg)

and then use the following CSS Code:

.on-hover { opacity: 0; }

body:not(.device-touch) .on-hover {
	-webkit-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

.on-hover:hover { opacity: 1; }

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.