Change Photo on Hover in SmugMug - Fine Art Prints for Sale

Change Photo on Hover

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 */
	width: 300px; /* photo width */
	height: 450px; /* photo height */
	background-image: url('URL-photo-here');
.hover-photo:hover {
	background-image: url('URL-hover-photo-here');

Powered by SmugMug Log In