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:


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


	/* Change Photo on Hover */
	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');

Powered by SmugMug Owner Log In