Add Drop Shadow & Border to the Collage Portrait Gallery - Fine Art Prints for Sale

Add Drop Shadow & Border to the Collage Portrait Gallery

This adds a red 2px border around the image and the text, similar to Pinterest. The opacity of the border, text and image changes when hovered. Add this to your theme’s CSS or add a CSS block on your ‘All Galleries’ section.

You can view a live demo here.

CSS


/** 
* Style Similar to Pinterest on the Collage Portrait Gallery
**************************************************************/
.sm-user-ui .sm-tiles-column-organic.sm-tiles-info-after .sm-tile-info {
    padding-right: 0.6em;
	}

.sm-user-ui .sm-gallery-columnorganic .sm-tile {
	margin: 0 5px 15px;
	border: 2px solid #f00;
	background-color: #403c37;
	}
	
	.sm-user-ui .sm-gallery-columnorganic .sm-tile:hover {
		border-color: #fff;
		opacity: .7;
		}	

Powered by SmugMug Log In