Change Photo on Hover in SmugMug

If you want to change a single photo on hover, then you need to add a HTML/CSS box and add the following:

HTML


<div class="hover-photo"></div>

CSS


	/* Change Photo on Hover */
.hover-photo{
	max-width: 800px; /* photo width */
	height: 534px; /* photo height */
	background-image: url('URL-photo-here');
	}		
		
.hover-photo:hover {
	background-image: url('URL-hover-photo-here');
	}