Rounded corners for photos - Sherlock Photography
You can round the corners of various photo elements on your SmugMug site, to give it a softer, more organic feel. Just pick the code below for the elements you want rounded. If you want it to be applied to every page on your site, add it to your theme's CSS. To apply it to just one page, add it to a CSS block on that page.
Want to round it more? Round it less? Just change the "border radius" from the 8 pixel setting in the code below to a smaller or larger number. What's that "-webkit-mask-image" business all about? That fixes the corners randomly not appearing, particularly in Safari.

Photos, folders and pages navigation block (grid style)

Thumbnails inside a SmugMug-style gallery

The main image of a SmugMug-style gallery

Images inside Collage Landscape or Collage Portrait galleries

Images displayed in the lightbox

Images in a "Multiple Photos" block

Image in a "Single Photo" block

Owheo Building Courtyard, Otago University<span class='my-panorama' title='{
 gallery: "30795740_PNwz8H",
 pano: "827C6439 flat_",
 format: "deepzoomcubic",
 tileSize: 512,
 tileOverlap: 1,
 width: 4608,
 tilt:15,
 pan:20,
 height: 4608
}'></span>

Images in a slideshow block

Carpet of moss on the forest floor

Attempt to round nearly every image on your site

Powered by SmugMug Log In